0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 141 Просмотров
*

hels

  • Осваиваюсь на форуме
  • 165
  • 0
Как менять количество товара в строке для мобильных устройств? есть такая опция -    но хотелось бы выводить для мобильных устройств другое количество товара есть идеи?
*

Igoritaly

  • Завсегдатай
  • 583
  • 1
Как менять количество товара в строке для мобильных устройств? есть такая опция -    но хотелось бы выводить для мобильных устройств другое количество товара есть идеи?

Правь CSS, в чем проблема? media screen and (max-width 768px) {...}
А у меня после изменения указанной тобой опции молоко весь товар убежало пропал,  Вот тут описал
*

hels

  • Осваиваюсь на форуме
  • 165
  • 0
Правь CSS, в чем проблема? media screen and (max-width 768px) {...}
А у меня после изменения указанной тобой опции молоко весь товар убежало пропал,  Вот тут описал
ахах и как решили? бекапом?) а по поводу CSS я знаю что такое медиа, вопрос не о том.. все дело в структуре страницы создаваемой виртом

, короче это надо колупать код чтобы это исправить, но если считаете что можно через CSS, прошу показать как с 3-х товаров в строке вы сделаете 2 товара только с помощью CSS.
*

Igoritaly

  • Завсегдатай
  • 583
  • 1
ахах и как решили? бекапом?)
Бэкап не при чем. Магазин был в самом начале разработки. Решение проблемы есть отсутствие глюка. Качнул сборку и глюк не появился.

если считаете что можно через CSS, прошу показать как с 3-х товаров в строке вы сделаете 2 товара только с помощью CSS.
.product {width:49%; margin:0 0.5%;} - Как-то так, что сложного? не пойму?
*

hels

  • Осваиваюсь на форуме
  • 165
  • 0
Как-то так, что сложного? не пойму?
скинул в ЛС линк, попробуйте если выйдет по 2 товара в строке сделать, буду рад если у вас выйдет.
*

Igoritaly

  • Завсегдатай
  • 583
  • 1
скинул в ЛС линк, попробуйте если выйдет по 2 товара в строке сделать, буду рад если у вас выйдет.
Там еще идет препятствие дива row.
1. В папке sublayouts, есть файл products.php
2. В нем удали <div class="row"></div>
3. Затем в том же файле удали <div class="clear"></div> (у меня второй по счету)

Только сперва перенеси этот файл в шаблон!

4. Затем в CSS в низу файла стилей пропиши следующее:
Код
@media screen and (max-width: 767px) {
div.product {width:49%; margin:0 0.5%} //Если потребуется добавь !Important;
}
*

hels

  • Осваиваюсь на форуме
  • 165
  • 0
большое спасибо, попробую.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться