sanguinato

Разделители между товарами на странице категории

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

sanguinato    0

Добрый день, подскажите пожалуйста как сделать разделитель между товарами наистрарице категории в виде сетки без внешних границ, например у верхних 3 товаров нет верхней границы, у крайних левых нет левой границы, у крайних правых нет правой границы, у нижних нет нижней границы. Пробовал через css nth:child, но когда на странице количество товаров не делится на 3 получается не красиво

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


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

ну как я понял, у вас сетка из товаров в 3 в ряд... Вам нужно, чтоб в первом ряду вверху  не было border. Юзаем nth-child(1) 2 и 3 border-top: 0; Крайние правые, это 3 товар, 6,9 и т.д - тогда делаем nth-child(3n) border-right: 0; левые аналогично. нижние тогда через :nth-last-child.

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


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

я уже так делал, но когда товаров допустим 8 или 11 вся сетка ломается

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


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

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

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

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

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

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

Войти

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

Войти


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

    • От whiteblue

      820.00 руб
      Скачать/Купить дополнение


      Модуль HTML в товарах категории (Category data in product )
      Простой модуль для добавлении информации в продукте на уровне категории
      Какие задачи можно решить этим модулем:
      Добавить важную информацию, которая касается товаров только определенной категории Добавить контакты , телефоны ответственных менеджеров данной категории (Ваш менеджер Ирина бла бла бла),  Добавить информацию про акции на уровне категорий Не нужно настраивать схемы Простота и быстрота в администрировании Добавление html кода в карточку продукта на уровне категории H1 в Категории и Товаре  
      Demo:
      http://markets.white-blue.com.ua/demo/demo4/index.php?route=product/product&path=34&product_id=48
       
      Админка:
      http://markets.white-blue.com.ua/demo/demo4/admin/index.php?route=catalog/category/edit&token=NsqPF3XQhoXgo8zRvqf7Hvl8iHf6A31J&category_id=60
      логин: meta
      пароль: meta
       
      Модуль добавляет текстовое поле "meta_product" в категории. Содержимое этого поля будет выводиться во всех товарах категории. Если товар находится в нескольких категориях, значение поля "meta_product" будет выведено из первой найденной категории с непустым значением.
      Модуль разрабатывался и тестировался на OpenCart 2.1.0.1 для темы по-умолчанию.
       
      Установка модуля:
      Сделать резервную копию сайта и БД. Скачать архив. Не распаковывая его загрузить в админ-панель. Модули - Установка расширения - Загрузить. Обновить модификаторы. Добавил whiteblue Добавлено 06.04.2017 Категория Модули Системные требования Сайт разработчика http://white-blue.com.ua Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • От whiteblue
      Простой модуль для добавлении информации в продукте на уровне категории
      Какие задачи можно решить этим модулем:
      Добавить важную информацию, которая касается товаров только определенной категории Добавить контакты , телефоны ответственных менеджеров данной категории (Ваш менеджер Ирина бла бла бла),  Добавить информацию про акции на уровне категорий Не нужно настраивать схемы Простота и быстрота в администрировании Добавление html кода в карточку продукта на уровне категории H1 в Категории и Товаре  
      Demo:
      http://markets.white-blue.com.ua/demo/demo4/index.php?route=product/product&path=34&product_id=48
       
      Админка:
      http://markets.white-blue.com.ua/demo/demo4/admin/index.php?route=catalog/category/edit&token=NsqPF3XQhoXgo8zRvqf7Hvl8iHf6A31J&category_id=60
      логин: meta
      пароль: meta
       
      Модуль добавляет текстовое поле "meta_product" в категории. Содержимое этого поля будет выводиться во всех товарах категории. Если товар находится в нескольких категориях, значение поля "meta_product" будет выведено из первой найденной категории с непустым значением.
      Модуль разрабатывался и тестировался на OpenCart 2.1.0.1 для темы по-умолчанию.
       
      Установка модуля:
      Сделать резервную копию сайта и БД. Скачать архив. Не распаковывая его загрузить в админ-панель. Модули - Установка расширения - Загрузить. Обновить модификаторы.
    • От NetGonTech

      1 300.00 руб
      Скачать/Купить дополнение


      NG Offer
      С помощью этого модуля каждый авторизованный пользователь вашего сайта может создавать коммерческие предложения. Для начала пользователь должен добавить несколько товаров в корзину, перейти в корзину и нажать кнопку - "Коммерческое предложение". После чего пользователь может редактировать ряд полей "коммерческого предложения", скрывать / показывать определенные, загружать свой логотип. Для просмотра коммерческого предложения не авторизованным пользователем необходимо сгенерировать доступ по короткой ссылке.
       
      Для корректной работы модуля ЧПУ на сайте должен быть включён.
       
      Демоверсия
      Admin Panel – http://netgon.ru/oc_offer/admin/
      Username: demo 
      Password: demo 
       
      Демострационный сайт – http://netgon.ru/oc_offer/
       
      Username: user1@demo.com 
      Password: 123456
      Добавил NetGonTech Добавлено 05.11.2017 Категория Модули Системные требования Сайт разработчика http://netgon.ru Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop  
    • От NetGonTech
      С помощью этого модуля каждый авторизованный пользователь вашего сайта может создавать коммерческие предложения. Для начала пользователь должен добавить несколько товаров в корзину, перейти в корзину и нажать кнопку - "Коммерческое предложение". После чего пользователь может редактировать ряд полей "коммерческого предложения", скрывать / показывать определенные, загружать свой логотип. Для просмотра коммерческого предложения не авторизованным пользователем необходимо сгенерировать доступ по короткой ссылке.
       
      Для корректной работы модуля ЧПУ на сайте должен быть включён.
       
      Демоверсия
      Admin Panel – http://netgon.ru/oc_offer/admin/
      Username: demo 
      Password: demo 
       
      Демострационный сайт – http://netgon.ru/oc_offer/
       
      Username: user1@demo.com 
      Password: 123456
    • От Druggy333
      Пропала кнопка Купить снова (Reorder) в истории покупок в личном кабинете (на скрине была справа от кнопки просмотреть), подскажите где в админке можно её вернуть, уже все облазил.

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

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