Добрый день!
Во вкладке "Фотографии" находится неисправная фотогалерея. Сам сайт на Битриксе, программист, по неизвестной мне причине, использовал для галереи Ниво лайтбокс и вукомерц плагин.
Проблема заключается в том, что когда жмешь на фотографию появляются стрелочки, но они не функционируют. Переделывать на данный момент эту кашу возможности нет, нужны какие-то костыли, которые на время обеспечат функционал галереи.
Это код таба с галереей, он находится на странице карточки товара:
Это код из nivo-lightbox.js
Во вкладке "Фотографии" находится неисправная фотогалерея. Сам сайт на Битриксе, программист, по неизвестной мне причине, использовал для галереи Ниво лайтбокс и вукомерц плагин.
Проблема заключается в том, что когда жмешь на фотографию появляются стрелочки, но они не функционируют. Переделывать на данный момент эту кашу возможности нет, нужны какие-то костыли, которые на время обеспечат функционал галереи.
Это код таба с галереей, он находится на странице карточки товара:
| Код |
|---|
<div class="tab_item_5"> <div class="images"> <? foreach($arResult['PROPERTIES']['GALLERY']['VALUE'] as $img): ?> <a href="<?=CFile::GetPath($img);?>" itemprop="image" class="woocommerce-main-image zoom" title="" data-rel="prettyPhoto" data-lightbox="prettyPhoto" > <img width="200" height="200" src="<?=CFile::GetPath($img);?>" class="attachment-shop_single wp-post-image" alt="<?=$arResult['NAME']?>" title="<?=$arResult['NAME']?>"/> </a> <? endforeach; ?> </div> |
Это код из nivo-lightbox.js
| Код |
|---|
constructLightbox: function(){
if($('.nivo-lightbox-overlay').length) return $('.nivo-lightbox-overlay');
var overlay = $('<div>', { 'class': 'nivo-lightbox-overlay nivo-lightbox-theme-'+ this.options.theme +' nivo-lightbox-effect-'+ this.options.effect });
var wrap = $('<div>', { 'class': 'nivo-lightbox-wrap' });
var content = $('<div>', { 'class': 'nivo-lightbox-content' });
var nav = $('<a href="#" class="nivo-lightbox-nav nivo-lightbox-prev">Previous</a><a href="#" class="nivo-lightbox-nav nivo-lightbox-next">Next</a>');
var close = $('<a href="#" class="nivo-lightbox-close" title="Close">Close</a>');
var title = $('<div>', { 'class': 'nivo-lightbox-title-wrap' }); |
