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

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

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

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


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

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

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

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От DmSid
      Всем привет. 
      Волею судеб недавно пришлось создавать магазин на OpenCart 2.3.0.2, не имея до этого никакого опыта работы с данной cms, как и в принципе с созданием интернет магазинов. 
       
      На данный момент проблема с импортом каталогов товара через XML ссылку. Поставщик дал ссылку в формате "сайтпоставщика/api/xml/ссылка.xml", через нее по идее должен подгружатсья весь товарный контент на сайт (включая фотографии). 
       
      Как лучше реализовать сей импорт? Возможно, какой-либо модуль купить/скачать, или есть практическая инструкция как это сделать, или лучше всего просто обратится к специалисту?
      Заранее спасибо.
    • От vbond2603
      500.00 руб
      Скачать/Купить дополнение


      Дополнительное фото товара в каталоге при наведении
      При наведении на фото товара в каталоге и в стандартных модулях главная фотография меняется на первое дополнительное изображения товара. Модуль сделан в виде модификатора (ocmod).
      ===
      Описание:
      При наведении на фото товара в каталоге (category,special,search,manufacturer_info) и стандартных модулях (latest,special,featured,bestseller,product_tab,popular,ajax_viewed) главная фотография меняется на первое дополнительное изображения товара.
      ===
      При наличии этой функции очень упрощается выбор товаров в интернет-магазине. Это незаменимая вещь для упрощения поиска товаров. У многих крупных магазинов эта функция присутствует.
       
      Пример работы:
      http://hardcandy.top
       
      Модуль реализован для 2.0-3 версий.

      Модуль гарантировано будет работать на стандартном шаблоне.
      Также Бесплатный допил под нестандартные темы в случае покупки модуля и некорректной работы.

      Тех поддержка присутствует.
       
      Установка:
      1. Перейдите в раздел установки расширений
      2. Установите ocmod расширение
      3. Обновите модификаторы.
      Добавил vbond2603 Добавлено 25.12.2017 Категория Меню, дизайн, внешний вид Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • От NetGonTech
      1 000.00 руб
      Скачать/Купить дополнение


      Модуль Комлпекты (MMS Kits)
      Модуль позволяет создавать комплект товаров.
      Любой товар магазина может быть представлен как комплект из других товаров магазина с определенным набором опций.
      Каждому товару в комплекте можно назначить персональную скидку.
      Отображения Комплекта на фронте ничем не отличаеться от вывод обыкновенного товара, за одним исключением,
      в карточке товара Комплекта добавляеться дополнительная вкладка "Состав", в которой подроно расписан состав комплекта.
      При Добавлении Комплекта в корзину, в корзину добовляються все товары из комплекта.
      При этом указываеться скидка за комплект, которая расчитываеться исходя из персональной скидки на товары в составе комплекта.
      Модуль позволяет автоматически определить комплект в корзине, в том случае если клиент добавил в корзину товары входящие в
      какой либо из комплектов из каталога, тем самым клиенту будет предоставлена скидка за комплект.
       
      В состав модуля так же входит:
      1. Модуль MMS Баннер Комплектов (MMS Kits Banner) при помощи которого можно выводить набор комплектов  любом месте сайта, согласно схемам страниц
      2. Модуль MMS Вместе дешевле (MMS Kits Together Cheaper) при помощи которого на странице Товара можно вывести комплекты в состав которого входит данный товар.
       
      Демонстрация работы модуля:
      Фронт:
      http://mmscomplect.rumms.ru/htc-touch-hd
       
      Админпанель:
      http://mmscomplect.rumms.ru/admin
      demo / demo

      Как установить:
      1. Содержимое папка upload архива загрузить на сервер в корень вашего сайта.
      2. Перейти в настроки модуля Модули -> Расширения.
      3. Обновить кеш модификации
      4. Установить модуль "MMS Комплекты".
      5. Перейти в настройки "MMS Комплекты" и включить его.
      6. Для расчета скидки в корзине включите модуль "Учитывать в заказе" -> "MMS Скидка за комплект"
       
      Совместим с 2.3.
      Добавил NetGonTech Добавлено 14.07.2018 Категория Серии, Комплекты Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop  
    • От NetGonTech
      Модуль позволяет создавать комплект товаров.
      Любой товар магазина может быть представлен как комплект из других товаров магазина с определенным набором опций.
      Каждому товару в комплекте можно назначить персональную скидку.
      Отображения Комплекта на фронте ничем не отличаеться от вывод обыкновенного товара, за одним исключением,
      в карточке товара Комплекта добавляеться дополнительная вкладка "Состав", в которой подроно расписан состав комплекта.
      При Добавлении Комплекта в корзину, в корзину добовляються все товары из комплекта.
      При этом указываеться скидка за комплект, которая расчитываеться исходя из персональной скидки на товары в составе комплекта.
      Модуль позволяет автоматически определить комплект в корзине, в том случае если клиент добавил в корзину товары входящие в
      какой либо из комплектов из каталога, тем самым клиенту будет предоставлена скидка за комплект.
       
      В состав модуля так же входит:
      1. Модуль MMS Баннер Комплектов (MMS Kits Banner) при помощи которого можно выводить набор комплектов  любом месте сайта, согласно схемам страниц
      2. Модуль MMS Вместе дешевле (MMS Kits Together Cheaper) при помощи которого на странице Товара можно вывести комплекты в состав которого входит данный товар.
       
      Демонстрация работы модуля:
      Фронт:
      http://mmscomplect.rumms.ru/htc-touch-hd
       
      Админпанель:
      http://mmscomplect.rumms.ru/admin
      demo / demo

      Как установить:
      1. Содержимое папка upload архива загрузить на сервер в корень вашего сайта.
      2. Перейти в настроки модуля Модули -> Расширения.
      3. Обновить кеш модификации
      4. Установить модуль "MMS Комплекты".
      5. Перейти в настройки "MMS Комплекты" и включить его.
      6. Для расчета скидки в корзине включите модуль "Учитывать в заказе" -> "MMS Скидка за комплект"
       
      Совместим с 2.3.
    • От louise170
      450.00 руб
      Скачать/Купить дополнение


      Товары блоками
      Модуль "Товары блоками" позволяет отображать на странице категории товары блоками - в каждом блоке товары из подкатегории данной категории, в самой нижней подкатегории список товаров отображается как обычно. Данное изменение также учитывается в хлебных крошках, также исправлено отображение последней ссылки в хлебных крошках (в категориях и в товаре) - последняя ссылка не отображается ссылкой. По умолчанию модуль сделан под дефолтный шаблон, если ваш шаблон сильно отличается от дефолтного то, вероятно, потребуется доработка под него.
      Никакие системные файлы не затираются, модуль использует vqmod.
      Модуль тестировался на Opencart
      1.5.4.1 1.5.6 1.5.6.4 Поддерживаемые языки:
      русский
      Пример работы модуля:
      http://ocstore156.hypnoguru.ru/
      Установка
      Разархивируйте Скопируйте файлы на сервер В логах vqmod-а проверьте все ли применилось - не выдает ли ошибок. Для этого пользуйтесь vqmod-менеджером Инструкция по установке VQMOD (если vqmod уже установлен выполняем сразу 5 пункт):
      Скачиваем последнюю версию vqmod для Opencart https://github.com/vqmod/vqmod/releases Загружаем по FTP папку "vqmod" в корневую директорию вашего сайта. Устанавливаем права 777 на папки /vqmod и /vqmod/vqcache В адресной строке браузера вводим http://имя-вашего-сайта/vqmod/install/, после чего должна появиться надпись об успешной установке VQMOD-а. Закачиваем из архива модуля файлы с расширением xml в папку /vqmod/xml Ручная установка: если по каким-то причинам вы не используете у себя на сайте vqmod, вы можете
      внести необходимы изменения в файлы вручную. Для этого откройте в папке vqmod/xml файлы относящиеся к модулю и
      смотрите там нужные вам изменения. Там, в принципе, понятно, где что на что менять.
      Но если вы не знакомы с синтаксисом файлов vqmod и вам не очень понятно что к чему, то предварительно
      можете почитать об этом тут:
      https://github.com/vqmod/vqmod/wiki/Examples
      https://github.com/vqmod/vqmod/wiki/Scripting
      Добавил louise170 Добавлено 28.11.2014 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1 ocStore 1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1 OpenCart.Pro, ocShop OcShop 1.5.6.4.х  
  • Последние посетители   0 пользователей онлайн

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

×

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

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