Jump to content
oio

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

Recommended Posts

здравствуйте. подскажите пожалуйста как сделать 2 колонки товаров в категориях и под категориях в мобильной версии дефолтного шаблона opencart 3.0.2.0 спасибо

Share this post


Link to post
Share on other sites

Попробуйте в самый конец файла 
/catalog/view/theme/default/stylesheet/stylesheet.css

добавить так например.

.

@media (min-width: 360px) {

.product-grid.col-lg-4{
    width:50%;
}
.product-grid {
    padding-right:2px;
    padding-left:2px;
    margin-bottom: -15px;
  }
}

 

Share this post


Link to post
Share on other sites
Posted (edited)

спасибо но к сожалению не помогло. делал на хостинге через менеджер файлов, файлы обновил, кэш очистил

Edited by oio

Share this post


Link to post
Share on other sites

Одно из двух

1.Речь не о дефолте.

2.Не то чистил.

 

 

Share this post


Link to post
Share on other sites

что и где нужно очищать?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Share this post


Link to post
Share on other sites

спасибо за рекомендации но не изменяется в категориях после чистки кеша

Share this post


Link to post
Share on other sites

Ссылку.

Share this post


Link to post
Share on other sites

То есть на своем телефоне, вы не видите, что сейчас товар уже выводится по два?

 

 

Screenshot_20191010-025130_Chrome.png

Share this post


Link to post
Share on other sites

да действительно так и есть на другом телефоне. большое спасибо что открыли мне глаза.

Share this post


Link to post
Share on other sites

Актуально. Один большой нюанс: предложенный вами код одновременно меняет отображение в компьютерной версии в 2 колонки. 

Пробовала заменить 

В 09.10.2019 в 22:03, Tom сказал:

.product-grid.col-lg-4{

на .product-grid.col-xs-4{ 

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

Предложите, пожалуйста, как усовершенствовать?

Share this post


Link to post
Share on other sites
12 часов назад, marmariska сказал:

одновременно меняет отображение в компьютерной версии в 2 колонки.

 

@media (max-width: 480px) {

.product-grid.col-lg-4{
    width:50%;
}
.product-grid {
    padding-right:2px;
    padding-left:2px;
    margin-bottom: -15px;
  }
}

 

Share this post


Link to post
Share on other sites

Если так подробно всем разжевывать, то скоро и работы по опенкарт не останется у фрилансеров :( 

Share this post


Link to post
Share on other sites
21 час назад, comers сказал:

Если так подробно всем разжевывать, то скоро и работы по опенкарт не останется у фрилансеров :( 

Вы предлагаете закрыть форум дабы ни кто не смог почерпнуть знаний?

Share this post


Link to post
Share on other sites

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

спасибо

 

Share this post


Link to post
Share on other sites
33 минуты назад, oio сказал:

Вы предлагаете закрыть форум дабы ни кто не смог почерпнуть знаний?

Конечно нет - форум наше всё, но есть на форуме платный раздел для тех, кто не хочет сам изучать простейшие азы css и html. Если на все глупые вопросы давать готовые решения, возникает мотивация для всех менеджеров интернет-магазинов обращаться за бесплатным готовым решением, чтобы сэкономить деньги компании. А это какое-никакое снижение количества заказов. Я не призываю морозится, наоборот, помогать надо, но подсказками и направлениями, а не пошаговой инструкцией и готовым кодом.

Share this post


Link to post
Share on other sites
37 минут назад, oio сказал:

Как сделать в две колонки опять же в мобильной версии?

Так же, как и в предыдущем вопросе, с помощью css

Share this post


Link to post
Share on other sites
5 часов назад, comers сказал:

Так же, как и в предыдущем вопросе, с помощью css

большое спасибо. конкретно в моем случае у меня пока нет компании и нет менеджеров. Я рад крупицам того что люди делятся бесплатно.

Edited by oio

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.