Jump to content

Варианты Отображения Списка Товаров При Масштабировании Страницы В Браузере


Recommended Posts

В файле product_list.css (\themes\default-bootstrap\css)

 

за отображение элементов отвечают  @media (min-width: ...px),

@media (max-width: ...px).

 

Положение дел сейчас такое, что масштабируя страницу в браузере получается при 100% и выше это - post-452293-0-13907100-1453994508_thumb.png,

а при 90% и меньше, но не во всех случаях, это- post-452293-0-99986500-1453994511_thumb.png.

 

Вот мне нужно сделать так, чтобы при любом масштабе было так, как на 2 картинке- Поверх блока товара всплывал блок с ценой.

 

Возможно я туплю, но изобилие этих переменных в файле меня сбивает с толку.


Edited by tem44ik (see edit history)

Share this post


Link to post
Share on other sites

Здравствуйте. Масштабирование в браузере это исключительно функция браузера, для пользователей. Никакого отношения со стилями сайта оно не имеет.

В css теги:

@media (max-width: ...px).

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

Share this post


Link to post
Share on other sites

Читайте все что я ранее написал.
Для того, чтобы вы поняли что сайт при масштабировании так и должен выглядеть, смотрите на демо престы http://demo.prestashop.com/en/?view=front

Масштабирование, это только функция браузера, исключительно для удобства пользователя, а не один из стилей отображения сайта.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More