Как Уменьшить Размер Товара На Главной
#1
Отправлено 27 Май 2015 - 18:42
Подскажите пожалуйста как можно уменьшить размер товара на главной странице?
Хочу что бы на главной по горизонтали было 5-8 товаров, а по вертикали до 30 товаров, а потом была кнопка показать ещё
Фото прикрепляю.
#2
Отправлено 27 Май 2015 - 19:00
Снежколеп (27 Май 2015 - 18:42) писал:
Подскажите пожалуйста как можно уменьшить размер товара на главной странице?
Хочу что бы на главной по горизонтали было 5-8 товаров, а по вертикали до 30 товаров, а потом была кнопка показать ещё
Фото прикрепляю.
Здравствуйте. Уточните пожалуйста номер аккаунта на котором необходимо выполнить изменения.
#4
Отправлено 28 Май 2015 - 12:34
Спасибо =)
#5
Отправлено 28 Май 2015 - 14:06
#6
Отправлено 28 Май 2015 - 15:30
#7
Отправлено 29 Май 2015 - 10:25
Или мне ещё пару деньков подождать?
ПО моему я вас сглазил =(
#9
Отправлено 29 Май 2015 - 14:42
MikDark (29 Май 2015 - 14:34) писал:
Здравствуйте!
Можно их разместить на главную сразу все 60 без кнопки показать ещё? Либо сделать так, 44 товара разместить сразу, а остальные показать когда клиент нажмёт на кнопку "Показать ещё"
Так же как добавить календарь событий вот сюда (фото прикрепляю)
Очень вас прошу помочь с данным вопросам, сроки горят работа стоит =(
#10
Отправлено 31 Май 2015 - 10:02
Снежколеп (27 Май 2015 - 18:42) писал:
Подскажите пожалуйста как можно уменьшить размер товара на главной странице?
Хочу что бы на главной по горизонтали было 5-8 товаров, а по вертикали до 30 товаров, а потом была кнопка показать ещё
Фото прикрепляю.
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте в конец шаблона код:
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 { width: 20%; }
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.item.item-animate.show-addtocart:nth-child(4), .item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6), .item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8) {display:block;}
Замените его на:
.item.item-animate.show-addtocart:nth-child(4), .item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6), .item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8), .item.item-animate.show-addtocart:nth-child(9), .item.item-animate.show-addtocart:nth-child(10), .item.item-animate.show-addtocart:nth-child(11), .item.item-animate.show-addtocart:nth-child(12), .item.item-animate.show-addtocart:nth-child(13), .item.item-animate.show-addtocart:nth-child(14), .item.item-animate.show-addtocart:nth-child(15), .item.item-animate.show-addtocart:nth-child(16), .item.item-animate.show-addtocart:nth-child(17), .item.item-animate.show-addtocart:nth-child(18), .item.item-animate.show-addtocart:nth-child(19), .item.item-animate.show-addtocart:nth-child(20), .item.item-animate.show-addtocart:nth-child(21), .item.item-animate.show-addtocart:nth-child(22), .item.item-animate.show-addtocart:nth-child(23), .item.item-animate.show-addtocart:nth-child(24), .item.item-animate.show-addtocart:nth-child(25), .item.item-animate.show-addtocart:nth-child(26), .item.item-animate.show-addtocart:nth-child(27), .item.item-animate.show-addtocart:nth-child(28), .item.item-animate.show-addtocart:nth-child(29), .item.item-animate.show-addtocart:nth-child(30) {display:block;}
Снежколеп (29 Май 2015 - 14:42) писал:
Пожалуйста уточните, о каком календаре идёт речь.
#11
Отправлено 31 Май 2015 - 11:39
#12
Отправлено 31 Май 2015 - 11:46
Hiding (31 Май 2015 - 11:39) писал:
Здравствуйте.
Если Вы имеете в виду товары на главной, то добавьте в конец шаблона main.css код:
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 { width: 20%; }
#13
Отправлено 31 Май 2015 - 13:15
#14
Отправлено 01 Июнь 2015 - 10:20
Cupuyc (31 Май 2015 - 10:02) писал:
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 { width: 20%; }
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.item.item-animate.show-addtocart:nth-child(4), .item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6), .item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8) {display:block;}
Замените его на:
.item.item-animate.show-addtocart:nth-child(4), .item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6), .item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8), .item.item-animate.show-addtocart:nth-child(9), .item.item-animate.show-addtocart:nth-child(10), .item.item-animate.show-addtocart:nth-child(11), .item.item-animate.show-addtocart:nth-child(12), .item.item-animate.show-addtocart:nth-child(13), .item.item-animate.show-addtocart:nth-child(14), .item.item-animate.show-addtocart:nth-child(15), .item.item-animate.show-addtocart:nth-child(16), .item.item-animate.show-addtocart:nth-child(17), .item.item-animate.show-addtocart:nth-child(18), .item.item-animate.show-addtocart:nth-child(19), .item.item-animate.show-addtocart:nth-child(20), .item.item-animate.show-addtocart:nth-child(21), .item.item-animate.show-addtocart:nth-child(22), .item.item-animate.show-addtocart:nth-child(23), .item.item-animate.show-addtocart:nth-child(24), .item.item-animate.show-addtocart:nth-child(25), .item.item-animate.show-addtocart:nth-child(26), .item.item-animate.show-addtocart:nth-child(27), .item.item-animate.show-addtocart:nth-child(28), .item.item-animate.show-addtocart:nth-child(29), .item.item-animate.show-addtocart:nth-child(30) {display:block;}
Пожалуйста уточните, о каком календаре идёт речь.
Спасибо большое =) Вы как всегда спасли мою ситуацию.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных