Здравствуйте.Скажите,как сделать так,что бы товары на главной отображались не в ряд,а таблицей,друг над другом,по четыре товара в ряд?
0
Отображение Товаров На Главной
Автор Maksimov, 02 апр. 2015 11:57
Сообщений в теме: 3
#1
Отправлено 02 Апрель 2015 - 11:57
#2
Отправлено 02 Апрель 2015 - 12:04
Maksim3544 (02 Апрель 2015 - 11:57) писал:
Здравствуйте.Скажите,как сделать так,что бы товары на главной отображались не в ряд,а таблицей,друг над другом,по четыре товара в ряд?
<div class="autumnshowcase_block group special_procducts"> <div class="title_block group"> <div class="carousel_controls"> <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a> <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a> </div> </div> <div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true"> <ul> {% FOR index_page_goods %} <li class="ajax_block_product item">замените на
<div class="autumnshowcase_block group special_procducts"> <div> <ul> {% FOR index_page_goods %} <li class="ajax_block_product item">
далее найдите в style.css
.autumnshowcase_block li { position: relative; width: 210px; height: auto; margin: 0; padding: 0 30px 0 0; text-align: center; }замените на
.autumnshowcase_block li { position: relative; width: 210px; height: auto; margin: 0; padding: 0 30px 0 0; text-align: center; display: inline-block; }
#3
Отправлено 02 Апрель 2015 - 12:21
Ирина345 (02 Апрель 2015 - 12:04) писал:
Здравствуйте, найдите в шаблоне HTMl
далее найдите в style.css
<div class="autumnshowcase_block group special_procducts"> <div class="title_block group"> <div class="carousel_controls"> <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a> <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a> </div> </div> <div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true"> <ul> {% FOR index_page_goods %} <li class="ajax_block_product item">замените на
<div class="autumnshowcase_block group special_procducts"> <div> <ul> {% FOR index_page_goods %} <li class="ajax_block_product item">
далее найдите в style.css
.autumnshowcase_block li { position: relative; width: 210px; height: auto; margin: 0; padding: 0 30px 0 0; text-align: center; }замените на
.autumnshowcase_block li { position: relative; width: 210px; height: auto; margin: 0; padding: 0 30px 0 0; text-align: center; display: inline-block; }
Maksim3544 (02 Апрель 2015 - 12:18) писал:
Не совсем так получилось,товары по три в ряд отображаются,а нужно по четыре
#4
Отправлено 02 Апрель 2015 - 13:12
Maksim3544 (02 Апрель 2015 - 12:21) писал:
Не совсем так получилось,товары по три в ряд отображаются,а нужно по четыре
И расстояние между кнопкой купить и следующим рядом подскажите пожалуйста как увеличить
И расстояние между кнопкой купить и следующим рядом подскажите пожалуйста как увеличить
.autumnshowcase_block li { position: relative; width: 210px; height: auto; margin: 0; padding: 0 30px 0 0; text-align: center; }на
.autumnshowcase_block li { position: relative; width: 210px; height: auto; margin: 0; padding: 0 30px 15px 0; text-align: center; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных