1 1 1 1 1 1 1 1 1 1 Рейтинг: 4.33 - 3 отзывов

Альтернативный текст

По умолчанию модули JoomShopping, выводят товары (или категории) столбиком, в один столбец, если точнее. Мне, например, удобнее, чтобы товары, скажем модуля "Бестселлер", выводились в одну линию. Делается это легко.

Этим способом можно расположить товары (или категории товаров) в одну линию (вернее "горизонтально", но если горизонтально в одну линию они не уместятся, то автоматически начнут выводиться в две линии), в любом модуле.

Горизонтальные товары в модулях

 

К делу.

Ищем файл http://сайт/components/com_jshopping/css/default.css

В нем ищем название нужного модуля. Например модуль вывода марок товара - label_products:

.label_products .block_item { 
display: inline-block; 
margin-bottom: 10px;
}

Наша задача добавить строку display: inline-block; и все, задача решена.

Вы делаете Импорт товаров кириллицей? Я, да.

Перезагрузите страницу и вы увидите, что товары в модуле, расположились строго горизонтально (в линию).

Более коварное решение

/components/com_jshopping/css/default.css

(если используем joomshoppingkit, то \plugins\system\joomshopkit\css\custom_full.css)

.label_products .block_item,
.tophits_products .block_item,
.top_rating .block_item,
.bestseller_products .block_item,
.latest_products .block_item,
.random_products .block_item{
display: inline-block;
    margin: 10px 5px;
    width: 214px;
    text-align: center;
    padding: 2px;
    border-radius: 4px;
    border: 1px solid #000000;
}

 Предварительно нужно удалить старые значения. Примерно 480 строка.

 

Посмотреть хорошее видео

Добавить комментарий

Комментарии   
# Guest 09.09.2013 20:03
Комментарий был удален администратором
social
+1 # social 04.10.2014 06:57
Спасибо за статью.
Ответить
mrkaban
0 # mrkaban 22.08.2016 16:39
СПАСИБО!!!! ты просто вообще красава! я блин всю голову себе сломал пытаясь понять че за фигня)))
Ответить
Антон
0 # Антон 14.11.2014 02:56
Все равно вертикально :(
Ответить
admin9zZAAZ
+1 # admin9zZAAZ 18.11.2014 11:36
Цитирую Антон:
Все равно вертикально :(

Чистим кэш сайта, не забываем.
Ответить
Илья
0 # Илья 01.08.2017 22:08
а кэш браузера чистил?
Ответить
Алена
0 # Алена 02.06.2015 12:56
Подскажите,а если я хочу изменить Module Category, чтобы он располагался горизонтально на главной странице что нужно сделать? Просто я уже попробовала описанный вами способ и кэш чистила, но никаких изменений. А на другом сайте пишут,что нужно менять не default.css, а default.php этот файл отвечает за категории. Если нужно менять его, то что тогда в нем нужно дописать?
Ответить
Виктор
0 # Виктор 03.03.2016 10:43
Здравствуйте! Огромное спасибо, все получилось просто замечательно!
Но как сделать так, чтобы было либо определенное количество на странице, либо в процентном отношении?
Заранее спасибо!
Ответить