Перейти к содержанию
btrotsky

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

Рекомендуемые сообщения

подскажите как убрать 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>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
<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>

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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>

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
20 минут назад, prived сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
15 часов назад, prived сказал:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.