IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Changement d'une fonction d'un thème wordpress (affichage de la quickview)


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Février 2019
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2019
    Messages : 1
    Par défaut Changement d'une fonction d'un thème wordpress (affichage de la quickview)
    Bonjour,

    Mon objectif est de faire en sorte que l'affichage de la quickview de mon thème wordpress
    Comme vous pouvez le voir sur ce screen, pour le moment la fonctionnalités est lié a ce petit bouton :

    Nom : screen 1.PNG
Affichages : 107
Taille : 194,7 Ko
    J'aimerai que cette fonctionnalité soit lié à l'entièreté de la zone cliquable du produit. (ne redirige plus vers la fiche produit mais affiche seulement le popup)

    Nom : screen 2.PNG
Affichages : 88
Taille : 199,9 Ko

    Sa classe .btn-quick-view est appelé sur le fichier JS comme ci dessous.
    J'ai tenté d'enlevé cette classe du $(document).on('click' mais il y a seulement le chargement de la fonctionnalité qui apparaît mais pas le popup.
    N'ayant qu'une faible connaissance de JS, je ne sais pas vraiment ce qui pose problème.
    Je vous serai très reconnaissant de me donner des pistes en vu de régler ce problème.
    Voici le lien vers la page : https://gal-agency.fr/test/fiche-concept-template/ (la section en question se trouve en bas)

    Bonne journée, et merci de m'avoir lu !

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
     
     
    $(document).on('click', '.page-id-1926 .product .btn-quick-view', function (e) {
                e.preventDefault();
                $('.zoo-mask-close').addClass('loading active mask-quick-view');
                var load_product_id = $(this).attr('data-productid');
                var data = {action: 'zoo_quick_view', product_id: load_product_id};
                $(this).parent().addClass('loading');
                var $this = $(this);
                $.ajax({
                    url: ajaxurl,
                    data: data,
                    type: "POST",
                    success: function (response) {
                        $('body').append(response);
                        $this.parent().removeClass('loading');
                        // Variation Form
                        var form_variation = $(document).find('#zoo-quickview-lb .variations_form');
                        form_variation.wc_variation_form();
                        form_variation.trigger('check_variations');
                        zoo_quick_view_gal();
                        //Sync button compare/wishlist quickview load.
                        if ($('#zoo-quickview-lb .zoo-wishlist-button')[0]) {
                            if (window.zooWishlist.model.exists($('#zoo-quickview-lb .zoo-wishlist-button').data('id'))) {
                                window.zooWishlist.view.renderBrowseButton($('#zoo-quickview-lb .zoo-wishlist-button'));
                            }
                        }
                        if ($('#zoo-quickview-lb .zoo-compare-button')[0]) {
                            if (window.zooProductsCompare.model.exists($('#zoo-quickview-lb .zoo-compare-button').data('id'))) {
                                window.zooProductsCompare.view.renderBrowseButton($('#zoo-quickview-lb .zoo-compare-button'));
                            }
                        }
                        $('.lazy-img:not(.loaded)').zoo_lazyImg();
                        setTimeout(function () {
                            $('#zoo-quickview-lb').css('opacity', '1');
                            $('#zoo-quickview-lb').css('top', '50%');
                        }, 100);
                    }
                });
            });
     
            $(document).on('click', '.close-quickview, .zoo-mask-close.mask-quick-view', function (e) {
                e.preventDefault();
                zoo_close_quick_view();
            });
            //Close Quickview when click to compare/wish list.
            $(document).on('zoo_browse_wishlist', function () {
                zoo_close_quick_view();
            });
            $(document).on('zoo_browse_compare', function () {
                zoo_close_quick_view();
            });
            //Swatches gallery for quick view
            $(document).on('cleverswatch_update_gallery', function (event, response) {
                if ($('#zoo-quickview-lb')[0])
                    zoo_quick_view_gal();
            });
     
            //Close Quickview;
            function zoo_close_quick_view() {
                $('.zoo-mask-close').removeClass('loading active mask-quick-view');
                $('#zoo-quickview-lb').css({'top': 'calc(50% + 150px)', 'opacity': '0'});
                setTimeout(function () {
                    $('#zoo-quickview-lb').remove();
                }, 500)
            }
     
            //Quickview gallery
            function zoo_quick_view_gal() {
                if ($('.zoo-product-quick-view .wrap-main-product-gallery')[0]) {
                    let thumb_num = $('.zoo-product-gallery.images').data('columns');
                    if (typeof  $.fn.slick != 'undefined') {
                        $('.zoo-product-quick-view .wrap-main-product-gallery').slick({
                            slidesToShow: 1,
                            rows: 0,
                            slidesToScroll: 1,
                            focusOnSelect: true,
                            rtl: $('body.rtl')[0] ? true : false,
                            asNavFor: $('.wrap-list-thumbnail')[0] ? '.zoo-product-quick-view .wrap-list-thumbnail' : '',
                            prevArrow: '<span class="zoo-carousel-btn prev-item"><i class="zoo-icon-arrow-left"></i></span>',
                            nextArrow: '<span class="zoo-carousel-btn next-item"><i class="zoo-icon-arrow-right"></i></span>',
                        });
                        $('.zoo-product-quick-view .wrap-list-thumbnail').slick({
                            slidesToShow: thumb_num,
                            rows: 0,
                            slidesToScroll: 1,
                            focusOnSelect: true,
                            rtl: $('body.rtl')[0] ? true : false,
                            asNavFor: '.zoo-product-quick-view .wrap-main-product-gallery',
                            prevArrow: '<span class="zoo-carousel-btn prev-item"><i class="zoo-icon-arrow-left"></i></span>',
                            nextArrow: '<span class="zoo-carousel-btn next-item "><i class="zoo-icon-arrow-right"></i></span>',
                        });
                    }
                }
            }
     
            /* End Quick view js */
     
            //Normally Ajax url, for multi language
            function normally_url_cart(url, parameterName, parameterValue, atStart) {
                var replaceDuplicates = true;
                var urlhash = '';
                var cl = url.length;
                if (url.indexOf('#') > 0) {
                    cl = url.indexOf('#');
                    urlhash = url.substring(url.indexOf('#'), url.length);
                }
                var sourceUrl = url.substring(0, cl);
     
                var urlParts = sourceUrl.split("?");
                var newQueryString = "";
     
                if (urlParts.length > 1) {
                    var parameters = urlParts[1].split("&");
                    for (var i = 0; (i < parameters.length); i++) {
                        var parameterParts = parameters[i].split("=");
                        if (!(replaceDuplicates && parameterParts[0] == parameterName)) {
                            if (newQueryString == "")
                                newQueryString = "?";
                            else
                                newQueryString += "&";
                            newQueryString += parameterParts[0] + "=" + (parameterParts[1] ? parameterParts[1] : '');
                        }
                    }
                }
                if (newQueryString == "")
                    newQueryString = "?";
     
                if (atStart) {
                    newQueryString = '?' + parameterName + "=" + parameterValue + (newQueryString.length > 1 ? '&' + newQueryString.substring(1) : '');
                } else {
                    if (newQueryString !== "" && newQueryString != '?')
                        newQueryString += "&";
                    newQueryString += parameterName + "=" + (parameterValue ? parameterValue : '');
                }
                return urlParts[0] + newQueryString + urlhash;
            }
    Images attachées Images attachées  

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Tracé d'une fonction sous Matlab, pb d'affichage
    Par Pierre13Th dans le forum MATLAB
    Réponses: 1
    Dernier message: 14/06/2009, 19h23
  2. Réponses: 4
    Dernier message: 21/01/2009, 08h15
  3. Changement dans une feuille en fonction de 2 valeurs
    Par delph_le dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 24/06/2008, 15h24
  4. Changement dans le formulaire pendant une fonction
    Par ben12375 dans le forum Windows Forms
    Réponses: 6
    Dernier message: 17/01/2008, 14h03
  5. Réponses: 1
    Dernier message: 23/11/2006, 12h22

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo