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

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

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

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


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

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

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

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От sergeewna
      здравствуйте, помогите разобраться, не могу понять что нужно сделать, загружаю файл с каталогом в магазин преобразованный в xlsx формате? а мне журнал выдает такую ошибку

    • От 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.
    • От fonclub
      399.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 Старая цена Метод активации Без активации 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
       
      Видео инструкция: 
       
  • Последние посетители   0 пользователей онлайн

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

×

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

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