Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Категории блога в мобильном версии


rayhack
 Поделиться

Рекомендованные сообщения

В блоге в мобильной версии не отображаются категории и подкатегории, чтобы люди могли выбрать интересующий раздел.

Шаблон другой, в ней нет кода чтобы в мобильной версии показал категории.. только в основном меню просто ссылка на блог и все, как можно и добавить или изменить.
 

11.png

Ссылка на комментарий
Поделиться на других сайтах


Видимо здесь

 

Спойлер

А не отображается, потому что модуль категорий блога находится в левой колонке, которая скрыта в мобильной версии.

Как вариант добавить в конец catalog/view/theme/madeshop/stylesheet/stylesheet.css

@media screen and (max-width: 768px){.blog-latest #column-left {display:block !Important}}

 

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

 

15 часов назад, Tom сказал:

Видимо здесь

 

  Показать контент

А не отображается, потому что модуль категорий блога находится в левой колонке, которая скрыта в мобильной версии.

Как вариант добавить в конец catalog/view/theme/madeshop/stylesheet/stylesheet.css


@media screen and (max-width: 768px){.blog-latest #column-left {display:block !Important}}

 

Работает только на главном странице блога, и еще минус, все что находиться в левой колонке тоже показывается в самом вверху. Например блок рекомендуем (на скрине)

11.png.88583be74226f083760a0f4e3dfb92d1.png

Есть идея только в Макете - категории блога/блог - в "вверх страницы" добавить модуль категории блога.
только вопрос можно будет таким же кодом, чтобы когда полная версия сайта модуль категории не показывалось. А когда размер сайта будет как на мобильном тогда показать.

 

Изменено пользователем rayhack
Ссылка на комментарий
Поделиться на других сайтах


2 часа назад, rayhack сказал:

 

Работает только на главном странице блога, и еще минус, все что находиться в левой колонке тоже показывается в самом вверху. Например блок рекомендуем (на скрине)

11.png.88583be74226f083760a0f4e3dfb92d1.png

Есть идея только в Макете - категории блога/блог - в "вверх страницы" добавить модуль категории блога.
только вопрос можно будет таким же кодом, чтобы когда полная версия сайта модуль категории не показывалось. А когда размер сайта будет как на мобильном тогда показать.

 

Стилями сделайте через hidden

Ссылка на комментарий
Поделиться на других сайтах


29 минут назад, Dimasscus сказал:

Стилями сделайте через hidden

@media screen and (max-width: 991) {.blog-latest
  #column-top , #column-content_top {
   width: 100%;
   display: none;
  }

немого найти ID модуля Верх страницы  #column-top , #column-content_to эти не то 
модуль Верх страницы расположен сразу в id="content", из за которого скрывается и новости блога 

Ссылка на комментарий
Поделиться на других сайтах


2 часа назад, rayhack сказал:

Работает только на главном странице блога

Можно изменить чутка код

@media screen and (max-width: 768px){
    body[class^="blog-"] #column-left {display:block !Important}
    
}

 

2 часа назад, rayhack сказал:

и еще минус, все что находиться в левой колонке тоже показывается в самом вверху. Например блок рекомендуем (на скрине)

А нужно все убрать? Даже последние статьи?

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


27 минут назад, Romti сказал:

Можно изменить чутка код


@media screen and (max-width: 768px){
    body[class^="blog-"] #column-left {display:block !Important}
    
}

 

А нужно все убрать? Даже последние статьи?

 

ну  не интересно листая категории или страницы блога все время видели одно и тоже.
Можно хоть реализовать так чтобы левая колонка отображался в низу после записей блога?

Ссылка на комментарий
Поделиться на других сайтах


8 минут назад, rayhack сказал:

 

ну  не интересно листая категории или страницы блога все время видели одно и тоже.

 

Вывести на всех страницах блога только меню.

На данный момент код будет таким

@media screen and (max-width: 768px){
    body[class^="blog-"] #column-left {display:block !Important}
    body[class^="blog-"] #column-left .col-module:last-child {display: none;}
}

 

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


10 минут назад, Romti сказал:

На данный момент код будет таким

отлично вариант для первого времени, Спасибо вам и всем кто всегда помогает нам новичкам))

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


Всем кому интересно вот как получилось категории которые раньше совсем не были в мобильном версии. в Блоге 

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.