Сообщений в теме: 8

[Антон 5554]

Здравствуйте, возможно ли вывести в поле "сопутствующий товар" после описания,  товар в две строки , если его больше чем 4 штуки.?

[Stasya]

Антон 5554 (22 Ноябрь 2017 - 12:01) писал:

Здравствуйте, возможно ли вывести в поле "сопутствующий товар" после описания,  товар в две строки , если его больше чем 4 штуки.?

Здравствуйте. Простите за длительное ожидание ответа. Сейчас у Вас карусель для прокручивания товаров. Вам необходимо ее убрать?

[Антон 5554]

Stasya (28 Ноябрь 2017 - 15:33) писал:

Здравствуйте. Простите за длительное ожидание ответа. Сейчас у Вас карусель для прокручивания товаров. Вам необходимо ее убрать?

если можно  то оставить, но сделать либо в два ряда, либо в один но чтобы было 6 товаров в строчку.
Спасибо.

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:

// Сопутствующие товары
jQuery(function($) {
  var carouselU = $('.related-goods .products-grid');
		carouselU.owlCarousel({
		  items: 4,

замените на:

// Сопутствующие товары
jQuery(function($) {
  var carouselU = $('.related-goods .products-grid');
		carouselU.owlCarousel({
		  items: 6,

Далее зайдите в main.css - найдите:

.products-grid .item .item-inner .item-img .item-img-info a.product-image {display: table-cell;vertical-align:middle;height:270px;width:270px;}

после него пропишите:

.related-goods .item .item-inner .item-img .item-img-info a.product-image{display: block;width: 100%;height: auto;}
.related-goods .item .item-inner .item-img .item-img-info a.product-image img{display: block;width: 100% !important;height: auto;}

[Антон 5554]

Vaccina (01 Декабрь 2017 - 07:58) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:

// Сопутствующие товары
jQuery(function($) {
var carouselU = $('.related-goods .products-grid');
	 carouselU.owlCarousel({
		 items: 4,

замените на:

// Сопутствующие товары
jQuery(function($) {
var carouselU = $('.related-goods .products-grid');
	 carouselU.owlCarousel({
		 items: 6,

Далее зайдите в main.css - найдите:

.products-grid .item .item-inner .item-img .item-img-info a.product-image {display: table-cell;vertical-align:middle;height:270px;width:270px;}

после него пропишите:

.related-goods .item .item-inner .item-img .item-img-info a.product-image{display: block;width: 100%;height: auto;}
.related-goods .item .item-inner .item-img .item-img-info a.product-image img{display: block;width: 100% !important;height: auto;}

Спасибо все сделал. все работает. но не влезает панель сверху. см. вложение. это возможно исправить?
Спасибо.

[Vaccina]

Здравствуйте.

Прикрепите к сообщению пожалуйста скриншот с проблемой.

[Антон 5554]

Vaccina (03 Декабрь 2017 - 08:53) писал:

Здравствуйте.

Прикрепите к сообщению пожалуйста скриншот с проблемой.

здравствуйте. во вложении

Прикрепленные изображения

• 

[RayLi]

Антон 5554 (03 Декабрь 2017 - 09:12) писал:

здравствуйте. во вложении

Здравствуйте.
В данном случае Вам необходимо в самый конец шаблона main.css добавить следующий код:

.products-grid.owl-carousel.owl-theme a.add-wishlist, .products-grid.owl-carousel.owl-theme a.add-compare, .products-grid.owl-carousel.owl-theme a.sns-btn-quickview.fast-quick {width: 43px !important; height: 43px !important;}
.products-grid.owl-carousel.owl-theme a.add-wishlist:before, .products-grid.owl-carousel.owl-theme a.add-compare:before, .products-grid.owl-carousel.owl-theme a.sns-btn-quickview.fast-quick:before {top: -4px !important; left: -4px !important;}

[Антон 5554]

RayLi (04 Декабрь 2017 - 10:27) писал:

Здравствуйте.
В данном случае Вам необходимо в самый конец шаблона main.css добавить следующий код:

.products-grid.owl-carousel.owl-theme a.add-wishlist, .products-grid.owl-carousel.owl-theme a.add-compare, .products-grid.owl-carousel.owl-theme a.sns-btn-quickview.fast-quick {width: 43px !important; height: 43px !important;}
.products-grid.owl-carousel.owl-theme a.add-wishlist:before, .products-grid.owl-carousel.owl-theme a.add-compare:before, .products-grid.owl-carousel.owl-theme a.sns-btn-quickview.fast-quick:before {top: -4px !important; left: -4px !important;}

спасибо