Mam do wykonania pewną modyfikację z którą mam lekki kłopot. Mianowicie, na stronie produktu w miniaturach po kliknięciu przenosi nas do popupu ze zdjęciem. Ta funkcja jest zbędna w tym projekcie i chciałem ją wyłączyć/usunąć.
Udało mi się powiększanie zdjęcia "wyłączyć" przy dużych zdjęciach (po kliknięciu na nie). Poprzez zakomentowanie w plikach szablonowych js/product.js dwóch elementów:
Pierwszy:
add a link on the span 'view full size' and on the big image
$(document).on('click', '#view_full_size, #image-block', function(e){
$('#views_block .shown').click();
});
Oraz:
if (typeof(contentOnly) !== 'undefined' && contentOnly)
{
$(document).on('click', '.fancybox', function(e){
e.preventDefault();
});
$(document).on('click', '#image-block', function(e){
e.preventDefault();
var productUrl = window.document.location.href + '';
var data = productUrl.replace(/[\?|&]content_only=1/, '');
if (window.parent.page_name == 'search')
data += ((data.indexOf('?') < 0) ? '?' : '&') + 'HTTP_REFERER=' + encodeURIComponent(window.parent.document.location.href);
window.parent.document.location.href = data;
return;
});
}
Natomiast w przypadku Thumb_list są to linki <a href=""></a>
Po najechaniu na miniaturę zmienia nam zdjęcie w ramce wyżej. I to w tym projekcie jest wystarczające.
Natomiast po kliknięciu otwiera się fancybox - i tę właśnie funkcję chciałem usunąć/wyłączyć.
plik product.tpl w miejscu thumb list wyglada tak:
Question
IgorDev
Witam was,
Wersja PrestaShop 1.6.1.5
Mam do wykonania pewną modyfikację z którą mam lekki kłopot.
Mianowicie, na stronie produktu w miniaturach po kliknięciu przenosi nas do popupu ze zdjęciem.
Ta funkcja jest zbędna w tym projekcie i chciałem ją wyłączyć/usunąć.
Udało mi się powiększanie zdjęcia "wyłączyć" przy dużych zdjęciach (po kliknięciu na nie).
Poprzez zakomentowanie w plikach szablonowych js/product.js dwóch elementów:
Pierwszy:
add a link on the span 'view full size' and on the big image $(document).on('click', '#view_full_size, #image-block', function(e){ $('#views_block .shown').click(); });Oraz:
if (typeof(contentOnly) !== 'undefined' && contentOnly) { $(document).on('click', '.fancybox', function(e){ e.preventDefault(); }); $(document).on('click', '#image-block', function(e){ e.preventDefault(); var productUrl = window.document.location.href + ''; var data = productUrl.replace(/[\?|&]content_only=1/, ''); if (window.parent.page_name == 'search') data += ((data.indexOf('?') < 0) ? '?' : '&') + 'HTTP_REFERER=' + encodeURIComponent(window.parent.document.location.href); window.parent.document.location.href = data; return; }); }Natomiast w przypadku Thumb_list są to linki <a href=""></a>
Po najechaniu na miniaturę zmienia nam zdjęcie w ramce wyżej. I to w tym projekcie jest wystarczające.
Natomiast po kliknięciu otwiera się fancybox - i tę właśnie funkcję chciałem usunąć/wyłączyć.
plik product.tpl w miejscu thumb list wyglada tak:
<div id="thumbs_list"> <ul id="thumbs_list_frame"> {if isset($images)} {foreach from=$images item=image name=thumbnails} {assign var=imageIds value="`$product->id`-`$image.id_image`"} {if !empty($image.legend)} {assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'} {else} {assign var=imageTitle value=$product->name|escape:'html':'UTF-8'} {/if} <li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}> <a{if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);" rel="{literal}[spam-filter]/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal[spam-filter]{/literal}" {else} href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}" data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if} title="{$imageTitle}"> <img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}"{if isset($cartSize)} height="{$cartSize.height}" width="{$cartSize.width}"{/if} itemprop="image" /> </a> </li> {/foreach} {/if} </ul> </div> <!-- end thumbs_list -->Macie jakieś pomysły ?
Link to comment
Share on other sites
0 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now