Перейти к содержанию
Gela

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

Рекомендуемые сообщения

Здравствуйте коллеги. Подскажите пожалуйста как отредактировать расположение разделов каталога по 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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От Kiriska
      Доброго времени суток! Возникла проблема: перестали обновляться остатки в каталоге. Раньше обновление одного поставщика занимало около 20 минут. Сейчас даже пять часов обновления ни к чему не приводят. Очень нужна помощь(((

    • От seroff
      Модуль фиксации текста строки которые со следующей строчки пишутся рядом.
      Пример:
      Абрикосы бананы.
      Мандарины, апельсины.
       
      Отображает на главной:
      Абрикосы бананы.Мандарины, апельсины.
    • От fonclub
      349.00 руб
      Скачать/Купить дополнение


      «Говорящие товары»
      Модуль «Говорящие товары» позволяет эмулировать общение товаров Вашего магазина между собой для привлечения внимания покупателя. Первый «пузырь» появляется после прокрутки страницы через заданное количество секунд, остальные через указанный промежуток. Каждый «пузырь» отображается заданное количество секунд. При дальнейшей прокрутке появляются новые «пузыри» (если добавлено несколько вариантов для категории). Один блок показывается один раз на странице! Возможности: - Для каждой категории можно задать несколько блоков с текстами. - В каждом блоке можно добавить неограниченное количество текстов. - Возможность сортировки для задания очередности вывода текстов. - Возможность задания своих стилей для «пузырей» в css файле catalog/view/theme/default/stylesheet/bubbles.css Демо http://oc2.7cub.ru/index.php?route=product/category&amp;path=24 
       
      Демо админки: http://oc2.7cub.ru/admin/index.php?route=extension/module/bubbles demo/demo
       
      Видео инструкция: 
       
      Добавил fonclub Добавлено 06.09.2018 Категория Модули Системные требования Сайт разработчика https://fonclub-blog.ru Старая цена 500 Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop  
    • От fonclub
      Модуль «Говорящие товары» позволяет эмулировать общение товаров Вашего магазина между собой для привлечения внимания покупателя. Первый «пузырь» появляется после прокрутки страницы через заданное количество секунд, остальные через указанный промежуток. Каждый «пузырь» отображается заданное количество секунд. При дальнейшей прокрутке появляются новые «пузыри» (если добавлено несколько вариантов для категории). Один блок показывается один раз на странице! Возможности: - Для каждой категории можно задать несколько блоков с текстами. - В каждом блоке можно добавить неограниченное количество текстов. - Возможность сортировки для задания очередности вывода текстов. - Возможность задания своих стилей для «пузырей» в css файле catalog/view/theme/default/stylesheet/bubbles.css Демо http://oc2.7cub.ru/index.php?route=product/category&amp;path=24 
       
      Демо админки: http://oc2.7cub.ru/admin/index.php?route=extension/module/bubbles demo/demo
       
      Видео инструкция: 
       
    • От talex2901
      Дело в том что товары в магазине отображаются не правильно... Они затемнены. И почему не понятно. Если товар открыть все нормально, но пока находишься в каталоге они темные. 

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.