metry

Для внесения изменений зайдите в раздел Сайт-->Редактор шаблонов-->zoomsl-3.0.min.js и найдите:

	$(".product-image img").one("load", function() {//new code

замените на:

	$(".product-view .product-image img").one("load", function() {//new code

Для шаблона Рассвет добавили инструкцию по данному вопросу.

Подобного отображения товаров в каталоге у Вас уже не наблюдаем.  Пожалуйста, уточните вопрос.

Для внесения изменений зайдите в раздел Сайт-->Редактор шаблонов-->main.css и в самый конец кода вставьте:

.products-grid {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;text-align: center;}
.products-grid .item {padding: 0 5px 10px;width: 25%;}
.products-grid .item .item-inner {position: relative;padding-bottom: 190px;border: 1px solid #eaeaea;margin-bottom: 1px;width: auto;}
.products-grid .item  a.add-cart.button.button2 {font-size: 0.8em;padding: 0 10px;}
.products-grid .item .product-image a.product-img {display: block;height: 210px;align-items: center;padding-top:40px;}
.products-grid .item .product-image a.product-img img{width: auto; height: auto;max-width: 100%;max-height: 100%;}
.products-grid .item .product-image .actions .add-to-links > a:hover, .products-grid .item .product-image .actions .add-to-links > a.added {color: #8C2C29;}
.products-grid .item .product-shop {padding: 15px 10px;}

@media all and (max-width: 1200px) {
  .products-grid .item .product-image a.product-img {display: block;height: 190px;}
} 
@media all and (max-width: 992px) {
.products-grid .item .item-inner {position: relative;padding-bottom: 0;}
.products-grid .item .product-image a.product-img {display: block;height: 210px;align-items: center;padding-top:40px;}
}
  
@media all and (max-width: 768px) {
  .products-grid .item {padding: 0 5px 10px;width: 33.33%;}
  .products-grid .item .product-image a.product-img {display: block;height: 190px;}
} 
@media all and (max-width: 641px) {
	.products-grid .item {padding: 0 5px 10px;width:50%;}
  .products-grid .item .product-image a.product-img {display: block;height: 190px;}
} 

@media all and (max-width: 481px) {
  .products-grid .item {padding: 0 5px 10px;width: 50%;}
} 
@media all and (max-width: 370px) {
  .products-grid .item {padding: 0 5px 10px;width: 100%;}
} 

Для внесения изменений зайдите  в раздел Сайт-->Редактор шаблонов-->main.css и найдите:

.product-tabs .tab-content .htmlDataBlock {padding: 0;margin: 0;}
.product-tabs .tab-content .htmlDataBlock p {margin: 0;}

после него вставьте:

.product-tabs .tab-content .htmlDataBlock a {color:#f9b500!important; font-weight:bold; text-decoration: underline;}
.product-tabs .tab-content .htmlDataBlock a:hover {color:#20697e !important;}

-  в новом добавленном коде для color задайте свой код цвета вместо текущих.