Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.