Jump to content
Sign in to follow this  
sanguinato

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By Valery332
      Добрый день. Вывел главные категории в футер скопировав код с контролера menu.php и menu.twig Выводит все главные категории, но мне нужно только часть, как сделать проверку на ид в twig, что-бы выводились только нужные мне категории?
      {% for category in categories %} <li><a href="{{ category.href }}">{{ category.name }}</a></li> {% endfor %}  
    • By Sunser
      Smart slider  - улучшенный слайдер для сайта
       
      Расширение подходит и тестировалось на версиях Opencart 2.0, 2.1, 2.2, 2.3 и 3.0
      Расширение подходит и тестировалось на версиях ocStore 2.1, 2.3 и 3.0
      Данные версии CMS брались с официальных сайтов OpenCart и ocStore.
       
      Smart slider - это модуль для создания и вывода слайдера на сайте. Данный модуль создан и работает на основе популярного слайдера Slick Slider.
      Данный модуль имеет очень большой функционал и расширенные возможности для возможных доработок по своему желанию.
       
      -- Установка расширения:
      1) Зайдите в свой установщик модификаторов, в админ панели, выберите модуль нужной версии, после чего установите;
      2) После установки зайдите в модификаторы и обновите свои модификаторы;
      3) После этого зайдите в модули или расширения и выберите сам модуль и настройте его;
      4) После настройки модуля зайдите в раздел "Дизайн >> Макеты" и выберите страницу и место где вы хотите вывести модуль.
       
      -- Что может модуль:
      1) Модуль мультиязычный, потому подстраивается под версию языка и его настройки тоже;
      2) Модуль адаптивен, в настройках можно указывать отдельно адаптив под мобильную версию;
      3) В модуле возможно загружать видео;
      4) После установки модуля на сайте будет возможность загружать на сайт видео в формате mp4 и webm и svg иконки;
      5) Основные настройки слайдера/возможности:
      - Показывать стрелки на ПК;
      - Показывать стрелки на Телефоне;
      - Показывать навигацию на ПК(точки/dots);
      - Показывать навигацию на Телефоне(точки/dots);
      - Автовоспроизведение;
      - Скорость автозапуска;
      - Включить перетаскивание мышью;
      - Включить анимацию затухания;
      - Пауза автозапуска при наведении;
      - Скорость анимации перелистывания;
      - Зацикливание слайдера, дает возможность беспрерывной прокрутки;
      - Lazyload;
      - Возможность задавать стрелки для слайдера;
      - Возможность задать/затемнить задний фон для слайдера;
      - Возможность частичного показа следующего слайдера;
      - Возможность задать с какого слайдера начать показ;
      6) В админке слайдера возможность копировать уже созданные слайды, то есть не надо долго прописывать настройки;
      7) Возможность задавать разные фото или видео для разных расширений;
      8) Модуль использует touch. То есть возможность перетаскивание касанием(сенсорное касание) и его контроль;
      9) Удобный выбор цветовой палитры или возможность задать своей цветовой код(RGBA).
       
      Данный модуль возможно выводить в разной части сайта.
      Модуль не заменяет никаких файлов, только модификатор, который добавляет свои настройки для сайта, что бы возможно было работать с видео и svg;
      Так же все настройки можно менять на уровне кода под себя, если вы разработчик.
       
      Проблемы и исправление модуля:
      1. Я установил модуль и не могу загрузить видео или svg - такое обычно случается, когда модификатор который идет в комплекте с модулем не находит совпадения в файлов системе вашего сайта и из-за этого модуль не срабатывает. Такое случается если вы на своем сайте редактировали файлы, к которым обращались модификаторы.
      2. Я установил модуль, но у меня появились ошибки или не работает загрузка изображений или же сам сайт после установки выбил ошибку - такая ошибка относится к 1 пункту, описанного сверху. То есть при установке модуля, модификатор, мог не правильно прописать свои настройки из-за того что файлы к которому он обращается правились. Это не страшно и можно легко исправить;
      -- Все это можно исправить, написав автору или если вы сами разбираетесь в работе модулей и модификаторов.
       
      Примечание.
      - После загрузки на видео не отображается изображение, потому не стоит пугаться.
      - Для корректного отображения видео на слайдере стоит использовать 2 формата видео, это mp4 и webm. Поскольку если загрузить одно из расширений, в каком-то браузере видео может не заработать.
      - После того как в модуле вы выбираете видео, и ничего не отображается, не стоит пугаться. После сохранения модуля, на слайдах покажет выбранное видео его названием.
      - Если у вас на сайте уже есть возможность загружать видео или svg. То в таком случае, напишите автору и он выдаст модификатор под ваш сайт.
      - Если же у вас сайт поддерживает и видео и svg, то после установки модуля, удалите модификатор данного модуля и обновите модификаторы.
       
      Если вы заметите какие-то неполадки или у вас будет предложение по улучшению самого модуля или вам нужно доработать модуль для личных целей, пишите в личное сообщение данного сервиса, после чего я вам обязательно отвечу.
       
      Будьте внимательные к описанию данного модуля, его характеристикам и скринам приложенным к нему перед приобретением модулям. Если же вам что-то не понятно или есть вопросы перед приобретением, можете написать автору модуля и уточнить свои вопросы к данному модулю
       
       
       
      Другие модули автора:
      Sunser Callback - форма обратной связи
      Ease description - модуль упрощенного описания
      Sunser map - кастомная карта для сайта
      Content manager – модуль учета контента.
      Subscribe_pro - улучшенная подписка на новости
      Sitemap generator - генератор статической карты сайта
    • By Sunser
      450.00 руб
      Скачать/Купить дополнение


      Smart slider - улучшенный слайдер для сайта
      Smart slider  - улучшенный слайдер для сайта
       
      Расширение подходит и тестировалось на версиях Opencart 2.0, 2.1, 2.2, 2.3 и 3.0
      Расширение подходит и тестировалось на версиях ocStore 2.1, 2.3 и 3.0
      Данные версии CMS брались с официальных сайтов OpenCart и ocStore.
       
      Smart slider - это модуль для создания и вывода слайдера на сайте. Данный модуль создан и работает на основе популярного слайдера Slick Slider.
      Данный модуль имеет очень большой функционал и расширенные возможности для возможных доработок по своему желанию.
       
      -- Установка расширения:
      1) Зайдите в свой установщик модификаторов, в админ панели, выберите модуль нужной версии, после чего установите;
      2) После установки зайдите в модификаторы и обновите свои модификаторы;
      3) После этого зайдите в модули или расширения и выберите сам модуль и настройте его;
      4) После настройки модуля зайдите в раздел "Дизайн >> Макеты" и выберите страницу и место где вы хотите вывести модуль.
       
      -- Что может модуль:
      1) Модуль мультиязычный, потому подстраивается под версию языка и его настройки тоже;
      2) Модуль адаптивен, в настройках можно указывать отдельно адаптив под мобильную версию;
      3) В модуле возможно загружать видео;
      4) После установки модуля на сайте будет возможность загружать на сайт видео в формате mp4 и webm и svg иконки;
      5) Основные настройки слайдера/возможности:
      - Показывать стрелки на ПК;
      - Показывать стрелки на Телефоне;
      - Показывать навигацию на ПК(точки/dots);
      - Показывать навигацию на Телефоне(точки/dots);
      - Автовоспроизведение;
      - Скорость автозапуска;
      - Включить перетаскивание мышью;
      - Включить анимацию затухания;
      - Пауза автозапуска при наведении;
      - Скорость анимации перелистывания;
      - Зацикливание слайдера, дает возможность беспрерывной прокрутки;
      - Lazyload;
      - Возможность задавать стрелки для слайдера;
      - Возможность задать/затемнить задний фон для слайдера;
      - Возможность частичного показа следующего слайдера;
      - Возможность задать с какого слайдера начать показ;
      6) В админке слайдера возможность копировать уже созданные слайды, то есть не надо долго прописывать настройки;
      7) Возможность задавать разные фото или видео для разных расширений;
      8) Модуль использует touch. То есть возможность перетаскивание касанием(сенсорное касание) и его контроль;
      9) Удобный выбор цветовой палитры или возможность задать своей цветовой код(RGBA).
       
      Данный модуль возможно выводить в разной части сайта.
      Модуль не заменяет никаких файлов, только модификатор, который добавляет свои настройки для сайта, что бы возможно было работать с видео и svg;
      Так же все настройки можно менять на уровне кода под себя, если вы разработчик.
       
      Проблемы и исправление модуля:
      1. Я установил модуль и не могу загрузить видео или svg - такое обычно случается, когда модификатор который идет в комплекте с модулем не находит совпадения в файлов системе вашего сайта и из-за этого модуль не срабатывает. Такое случается если вы на своем сайте редактировали файлы, к которым обращались модификаторы.
      2. Я установил модуль, но у меня появились ошибки или не работает загрузка изображений или же сам сайт после установки выбил ошибку - такая ошибка относится к 1 пункту, описанного сверху. То есть при установке модуля, модификатор, мог не правильно прописать свои настройки из-за того что файлы к которому он обращается правились. Это не страшно и можно легко исправить;
      -- Все это можно исправить, написав автору или если вы сами разбираетесь в работе модулей и модификаторов.
       
      Примечание.
      - После загрузки на видео не отображается изображение, потому не стоит пугаться.
      - Для корректного отображения видео на слайдере стоит использовать 2 формата видео, это mp4 и webm. Поскольку если загрузить одно из расширений, в каком-то браузере видео может не заработать.
      - После того как в модуле вы выбираете видео, и ничего не отображается, не стоит пугаться. После сохранения модуля, на слайдах покажет выбранное видео его названием.
      - Если у вас на сайте уже есть возможность загружать видео или svg. То в таком случае, напишите автору и он выдаст модификатор под ваш сайт.
      - Если же у вас сайт поддерживает и видео и svg, то после установки модуля, удалите модификатор данного модуля и обновите модификаторы.
       
      Если вы заметите какие-то неполадки или у вас будет предложение по улучшению самого модуля или вам нужно доработать модуль для личных целей, пишите в личное сообщение данного сервиса, после чего я вам обязательно отвечу.
       
      Будьте внимательные к описанию данного модуля, его характеристикам и скринам приложенным к нему перед приобретением модулям. Если же вам что-то не понятно или есть вопросы перед приобретением, можете написать автору модуля и уточнить свои вопросы к данному модулю
       
       
       
      Другие модули автора:
      Sunser Callback - форма обратной связи
      Ease description - модуль упрощенного описания
      Sunser map - кастомная карта для сайта
      Content manager – модуль учета контента.
      Subscribe_pro - улучшенная подписка на новости
      Sitemap generator - генератор статической карты сайта
      Добавил Sunser Добавлено 07.10.2020 Категория Слайдшоу, баннеры, галереи Системные требования php версии 5.6, желательно 7.0 и высше Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Обращение к серверу разработчика Нет Старая цена 450  
    • By Sunser
      350.00 руб
      Скачать/Купить дополнение


      Sitemap generator - генератор статической карты сайта
      Sitemap generator - модуль для генерации статической карты сайта для Opencart и ocStore.
       
      Расширение подходит и тестировалось на версиях Opencart 2.0, 2.1, 2.2, 2.3 и 3.0
      Так же подойдет для OpencartPro версии  2.1 и 2.3
      Расширение подходит и тестировалось на версиях ocStore 2.1, 2.3 и 3.0
       
      -- Установка расширения:
      Выберите версию вашего модуля и установите его через "Установщик модификаторов", после чего обновите модификаторы, потом перейдите в модули, найдите данный модуль, настройте под себя и можете пользоваться.
      Или же распакуйте файл с версией вашего Opencart и перетащите в корень вашего сайта. После чего обновите "Модификаторы".
      Потом перейдите в раздел Модулей и активируйте его, после чего настройте как вам необходимо.

      Модуль не заменяет никаких файлов.
      -- Что может модуль:
      1) Модуль генерирует статический файл с расширением .xml в корне вашего сайта на основе предоставленной ссылки на динамическую карту сайта, которая генерируется в разделе "Каналы продвижения";
      2) Модуль создает ссылку для крона, что бы можно было автоматически пе регенерировать карту, когда вам будет удобно через крон;
      3) Модуль проверяет ссылку на валидность;
      4) Модуль введет логирование ошибок;
      5) Модуль создает ссылку для cli;
       
      Зачем нужен этот модуль и как он работает?
      У вас на сайте есть раздел "Каналы продвижения", в  которых есть расширения например - "google sitemap" или "sitemap pro", которые генерирует динамическую карту сайта и предоставляют ссылку в виде - "/index.php&route=extension/feed/google_sitemap" для просмотра карты сайта.
      Но это не всегда хорошо для SEO и нужно что бы карта на сайте была в статическом виде site_name/sitemap.xml, а не site_name/index.php&route=extension/feed/google_sitemap
      Данный модуль по предоставленной ссылке, например - "site_name/index.php&route=extension/feed/google_sitemap" генерирует статическую карту сайта в корне сайта.
       
      Модуль легкий в настройке.
      Модуль имеет 4 поля:
      1) Название модуля - тут просто пишите название модуля, оно будет отображаться в админке вашего сайта;
      2) Ссылка на карту сайта - сюда добавляете ссылку на динамическую карту сайта;
      3) Название файла карты сайта - сюда пишите название вашей карты сайта, которое вам нужно. Пишите название без точки и расширения, просто название.
      4) Статус - оно отвечает, будет работать модуль или нет и будет работать ссылка для крона или нет.
       
      Порядок настройки модуля:
      1) Откройте модуль, заполните все поля, после чего сохраните модуль.
      2) Потом опять зайдите в этот модуль и вы увидите что внизу сайта появится ссылка на крон, но что бы появилась статическая карта, вам нужно нажать на кнопку "Генерировать карту". И если вы корректно заполнили все поля, вам выскочит уведомление что карта успешно создана и помещена в корень сайта. После чего статическая карта появится в корне вашего сайта, и модуль перезагрузится.
       
      Перед тем как пользоваться модулем, проверьте свою динам.ссылку с который будет генерироваться статический файл. Если у вашей динам.ссылки будут ошибки в структуре, то ли не закрыт документ до конца или выводится код не относящийся к xml, то модуль sitemap generator не сработает, или же просто вернет ошибку.
       
      Если вы заметите какие-то неполадки или у вас будет предложение по улучшению самого модуля, пишите в личное сообщения данного сервиса, после чего я вам обязательно отвечу.
       
       
      Другие модули автора:
      Subscribe_pro - улучшенная подписка на новости Content manager – модуль учета контента. Ease description - модуль упрощенного описания Sunser Callback - форма обратной связи Sunser map - кастомная карта для сайта Добавил Sunser Добавлено 20.10.2019 Категория SEO, карта сайта, оптимизация Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1 Обращение к серверу разработчика Нет Старая цена 350  
    • By Sunser
      Sitemap generator - модуль для генерации статической карты сайта для Opencart и ocStore.
       
      Расширение подходит и тестировалось на версиях Opencart 2.0, 2.1, 2.2, 2.3 и 3.0
      Так же подойдет для OpencartPro версии  2.1 и 2.3
      Расширение подходит и тестировалось на версиях ocStore 2.1, 2.3 и 3.0
       
      -- Установка расширения:
      Выберите версию вашего модуля и установите его через "Установщик модификаторов", после чего обновите модификаторы, потом перейдите в модули, найдите данный модуль, настройте под себя и можете пользоваться.
      Или же распакуйте файл с версией вашего Opencart и перетащите в корень вашего сайта. После чего обновите "Модификаторы".
      Потом перейдите в раздел Модулей и активируйте его, после чего настройте как вам необходимо.

      Модуль не заменяет никаких файлов.
      -- Что может модуль:
      1) Модуль генерирует статический файл с расширением .xml в корне вашего сайта на основе предоставленной ссылки на динамическую карту сайта, которая генерируется в разделе "Каналы продвижения";
      2) Модуль создает ссылку для крона, что бы можно было автоматически пе регенерировать карту, когда вам будет удобно через крон;
      3) Модуль проверяет ссылку на валидность;
      4) Модуль введет логирование ошибок;
      5) Модуль создает ссылку для cli;
       
      Зачем нужен этот модуль и как он работает?
      У вас на сайте есть раздел "Каналы продвижения", в  которых есть расширения например - "google sitemap" или "sitemap pro", которые генерирует динамическую карту сайта и предоставляют ссылку в виде - "/index.php&route=extension/feed/google_sitemap" для просмотра карты сайта.
      Но это не всегда хорошо для SEO и нужно что бы карта на сайте была в статическом виде site_name/sitemap.xml, а не site_name/index.php&route=extension/feed/google_sitemap
      Данный модуль по предоставленной ссылке, например - "site_name/index.php&route=extension/feed/google_sitemap" генерирует статическую карту сайта в корне сайта.
       
      Модуль легкий в настройке.
      Модуль имеет 4 поля:
      1) Название модуля - тут просто пишите название модуля, оно будет отображаться в админке вашего сайта;
      2) Ссылка на карту сайта - сюда добавляете ссылку на динамическую карту сайта;
      3) Название файла карты сайта - сюда пишите название вашей карты сайта, которое вам нужно. Пишите название без точки и расширения, просто название.
      4) Статус - оно отвечает, будет работать модуль или нет и будет работать ссылка для крона или нет.
       
      Порядок настройки модуля:
      1) Откройте модуль, заполните все поля, после чего сохраните модуль.
      2) Потом опять зайдите в этот модуль и вы увидите что внизу сайта появится ссылка на крон, но что бы появилась статическая карта, вам нужно нажать на кнопку "Генерировать карту". И если вы корректно заполнили все поля, вам выскочит уведомление что карта успешно создана и помещена в корень сайта. После чего статическая карта появится в корне вашего сайта, и модуль перезагрузится.
       
      Перед тем как пользоваться модулем, проверьте свою динам.ссылку с который будет генерироваться статический файл. Если у вашей динам.ссылки будут ошибки в структуре, то ли не закрыт документ до конца или выводится код не относящийся к xml, то модуль sitemap generator не сработает, или же просто вернет ошибку.
       
      Если вы заметите какие-то неполадки или у вас будет предложение по улучшению самого модуля, пишите в личное сообщения данного сервиса, после чего я вам обязательно отвечу.
       
       
      Другие модули автора:
      Subscribe_pro - улучшенная подписка на новости Content manager – модуль учета контента. Ease description - модуль упрощенного описания Sunser Callback - форма обратной связи Sunser map - кастомная карта для сайта
  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.