Post Top Ad

Your Ad Spot

miércoles, 26 de agosto de 2020

Cómo crear un botón "Volver a la categoría" en PrestaShop y treinta abejas

Versión de texto

Para empezar, abra global.js , ubicado en su carpeta de temas / js . Al final, agregue lo siguiente:
1
2
3
4
5
6
7
8
$(document).ready(function() {
    if($('body').hasClass('category'))
    {
        $('.product_img_link').click(function(e) {
            $.totalStorage('last_visited_category', window.location.href);
        });
    }
});
Luego, en product.tpl , nuevamente en la carpeta del tema, busque un lugar adecuado para el botón, luego agregue lo siguiente dentro de una etiqueta <script>:
1
2
3
4
5
6
7
$(document).ready(function() {
    if(previous_category = $.totalStorage('last_visited_category'))
    {
        $('#goback').attr('href', previous_category);
        $.totalStorage('last_visited_category', '');
    } else $('#goback').hide();
});
Justo después de id, agregue nuestro botón:
1
2
3
<a href="javascript:void(0)" class="btn btn-default" id="goback">
    <i class="icon-chevron-left left"></i> {l s='Go Back to the last category'}
</a>
Aquí está el código final para product.tpl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
 
    $(document).ready(function() {
        if(previous_category = $.totalStorage('last_visited_category'))
        {
            $('#goback').attr('href', previous_category);
            $.totalStorage('last_visited_category', '');
        } else $('#goback').hide();
    });
</script>
 
<a href="javascript:void(0)" class="btn btn-default" id="goback">
    <i class="icon-chevron-left left">{l s='Go Back to the last category'}</i>
</a>
Aviso: si desea mantener un registro de la categoría visitada en todas las páginas, puede eliminar $ .totalStorage ('last_visited_category', ”); del código en product.tpl.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas