Как убрать image zoom в карточке товара

[btrotsky]

подскажите как убрать image zoom в карточке товара, вот сайт 

вот код с карточки отвечающий за изображение

       <div class="{{ class }} product-images">
		{% if thumb or images %}
		  <!-- Product Image thumbnails START -->
          <div class="thumbnails">
            {% if thumb %}
            <div class="product-image">
			  <a class="thumbnail" title="{{ heading_title }}">
			  <img src="{{ thumb }}" title="{{ heading_title }}" data-zoom-image="{{ popup }}" alt="{{ heading_title }}" />
			  {% if special %}
				 <span class="product-sale-icon">Sale</span>
				 <span class="product-percent">-{{ product_percent }}%</span>
			  {% endif %}
			  </a>
			</div>
            {% endif %}
			
		  <div class="additional-images-container">
            {% if images %}
			<div class="additional-images">
            {% for image in images %}
            <div class="image-additional"> 
				<img src="{{ image.thumb }}" title="{{ heading_title }}" data-image="{{ image.large }}" data-zoom-image="{{ image.popup }}" alt="{{ heading_title }}" />
			</div>
            {% endfor %}
			</div>
            {% endif %}
		  </div>
		  <!-- Product Image thumbnails END -->
		  </div>
        {% endif %}
        </div>
<script type="text/javascript">
$(".additional-images").owlCarousel({
	items: 3,
	itemsDesktop: [1199,2],
	itemsDesktopSmall: [991,2],
	itemsTablet: [767,3],
	itemsMobile: [480,2],
	autoPlay: false,
	navigation: true,
	pagination: false
});

// Custom Navigation Events
$(".additional-next").click(function(){
	$(".additional-images").trigger('owl.next');
})
$(".additional-prev").click(function(){
	$(".additional-images").trigger('owl.prev');
})
$(".additional-images-container .customNavigation").addClass('owl-navigation');

</script>

 

[alexovi]

<div class="zoomContainer" style="-webkit-transform: translateZ(0);position:absolute;left:293.66668701171875px;top:374px;height:428px;width:428px;"><div class="zoomWindowContainer" style="width: 400px;"><div style="overflow: hidden; margin-left: 0px; margin-top: 0px; background-position: 0px -272px; width: 428px; height: 428px; float: left; cursor: crosshair; background-repeat: no-repeat; position: absolute; background-image: url(&quot;http://koza-dereza.com.ua/image/cache/catalog/Chicco/r_imgs-700x700.jpg&quot;); top: 0px; left: 0px; display: none;" class="zoomWindow">&nbsp;</div></div></div>

В браузере удалил этот код и зум эффект пропал.

[btrotsky]

3 минуты назад, alexovi сказал:

<div class="zoomContainer" style="-webkit-transform: translateZ(0);position:absolute;left:293.66668701171875px;top:374px;height:428px;width:428px;"><div class="zoomWindowContainer" style="width: 400px;"><div style="overflow: hidden; margin-left: 0px; margin-top: 0px; background-position: 0px -272px; width: 428px; height: 428px; float: left; cursor: crosshair; background-repeat: no-repeat; position: absolute; background-image: url(&quot;http://koza-dereza.com.ua/image/cache/catalog/Chicco/r_imgs-700x700.jpg&quot;); top: 0px; left: 0px; display: none;" class="zoomWindow">&nbsp;</div></div></div>

В браузере удалил этот код и зум эффект пропал.

не совсем то решение,я хочу убрать зум и вернуть дефолтное открывание

[prived]

скачайте сборку опенкарт и возьмите оттуда код нужный Вам

[btrotsky]

20 минут назад, prived сказал:

скачайте сборку опенкарт и возьмите оттуда код нужный Вам

есть сборка опенкарта, код менял, но немного полезли стили и картинки не открывались в окне, а при клике на дополнительные вообще переходило на главную

[prived]

ну меняете немного кода где вывод изображения и в самом низу код попапа и все должно быть хорошо

попробуйте еще раз

[btrotsky]

15 часов назад, prived сказал:

ну меняете немного кода где вывод изображения и в самом низу код попапа и все должно быть хорошо

попробуйте еще раз

не совсем понимаю что именно нужно изменить, чтобы все работало, получается криво только