Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Редактирование отображения разделов каталога


 Share

Recommended Posts

Здравствуйте коллеги. Подскажите пожалуйста как отредактировать расположение разделов каталога по 3 в ряд. Шаблон дефолтный. Изначально отображалось как крайние по высоте на весь блок, а между ними 4 блока в 2 строки * 2 колонки. Изменил размеры в стайлшит.цсс. размеры блоков стали одинаковыми, но выстроились в вертикальный ряд. Флекс не помогает, видимо позиционирование через скрипт регулируется. Сайт http://nlo.com.ru/ 

Link to comment
Share on other sites


Вот так, только по 3 в ряд. Т.е. Надо изменить размер и отображение. При попытке регулировать вопрос позиционирования блоков каталога ничего не получилось; флексы ничего не дали

 

image.thumb.png.eec46f1aa32d1b7a7129e9a4d18ced1b.png

Link to comment
Share on other sites


Какой флекс?

Вы смотрели, как у вас разметка этих блоков формируется:

<div class="catalog-grid-item" style="position: absolute; left: 0%; top: 140px;">

Это что за инлайновые стили и кто их туда вставляет?

Уберите их.

Зачем вам absolute?

У вас уже есть

catalog-grid-item {

float: left;

}

Пропишите вместо 25 %  ---> 33% (stylesheet.css:3171)

@media screen and (min-width: 992px)

 .catalog-grid-item {

  width: 33%;

}

Ну и далее по другим медиа-запросам надо смотреть.

Edited by jaffagold
Link to comment
Share on other sites


С автором сего кода я не знаком, ко мне обратились с конкретной задачей, обозначенной выше. изъё...лся и так и сяк, играл с размерами и позиционированием, результата не добился, потом ребятишки с телеграмчата помогли разобраться, спасибо им)

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

Link to comment
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

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.