Jump to content
Sign in to follow this  
benderito

Отображение товаров в мобильной версии 1.5.6.4

Recommended Posts

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

На одних устройствах товары отображаются просто в столбик по одному на всю ширину, на других - по 2 в одной строке. Нужно сделать, чтобы выходило везде по 2 на строку, но не могу найти, где это настраивается - был в responsive.css, но не нашел, что за это отвечает. На 1 скрине - как сейчас, на 2 - как хотелось бы, чтобы было везде. Ткните, пожалуйста, хочу разобраться.

iph5.png

iph6.png

Share this post


Link to post
Share on other sites

Посмотрите какие классы прописаны для элементов со второго скриншота и сравните с теми, которые на первом скриншоте.

Попробуйте сделать такие же классы. Через Chrome Developer Tools можно посмотреть и потестировать.

 

Еще адрес сайта не помешал бы) 

Вслепую сложно о чем то конкретном говорить.

Share this post


Link to post
Share on other sites

Лучше оставьте так как есть, на узких экранах 2 товара не поместятся, а вообще это дело задается в product/product.tpl, хотя могу ошибаться

Share this post


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

Ткните, пожалуйста, хочу разобраться.

 

css media screen width

 

4 часа назад, wprizzz сказал:

Лучше оставьте так как есть, на узких экранах 2 товара не поместятся

Лучше расширить блок товара для таких узких устройств на 100%, а то налепят, ничего не видно, а на ссылки вообще пальцем ткнуть невозможно.

Share this post


Link to post
Share on other sites
В 17.02.2017 в 02:55, dexteron сказал:

Еще адрес сайта не помешал бы) 

Вслепую сложно о чем то конкретном говорить.

megasport18.ru

Share this post


Link to post
Share on other sites
В 17.02.2017 в 02:55, dexteron сказал:

Посмотрите какие классы прописаны для элементов со второго скриншота и сравните с теми, которые на первом скриншоте.

Попробуйте сделать такие же классы. Через Chrome Developer Tools можно посмотреть и потестировать.

 

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

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.

Sign in to follow this  

  • 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.