Prestashop 8.2.3 - Kotva v detailu produktu obnoví stránku

[krajic]

Zdravím všechny,

 u krátkého popisu v detailu produktu vytvořím odkaz na kotvu #description ta funguje dobře - skočí na záložku popisu, ale poté dojde k obnovení stránky a ta skočí nahoru.

Poradíte jak opravit? Díky.

[4presta]

PrestaShop má na stránce produktu nasazený JavaScript, kdy při kliknutí kontroluje odkazy.

Kotvu je lepší řešit přes JavaScript a nedávat jí jako URL.

Například dáme kliknutí na text zabalený do div.

<div id="produkt-posun-popis" style="cursor: pointer;color:reď;">text odkazu</div>

A pak ve složce téma v custom.js dáme jednoduchý jQuery pro posun na detail (dlouhý popis) produktu.

$(document).ready(function() {
    $('#produkt-posun-popis').on('click', function() {
        if (page.page_name == 'product') {
            $([document.documentElement, document.body]).animate({
                scrollTop: $('[href="#description"]').offset().top - 50
            }, 100);
        }
    });
});  

 

Edited December 13 by 4presta (see edit history)