Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

Надіслати
Поділитися на інших сайтах


о чем вопрос?
скрин например нельзя разве?

Надіслати
Поділитися на інших сайтах


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

 

image.thumb.png.eec46f1aa32d1b7a7129e9a4d18ced1b.png

Надіслати
Поділитися на інших сайтах


Какой флекс?

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

<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%;

}

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

Змінено користувачем jaffagold
Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.