Ce sujet a 11 réponses, 2 participants et a été mis à jour par  william, il y a 4 ans et 1 mois.

12 sujets de 1 à 12 (sur un total de 12)
  • Auteur
    Messages
  • #34743

    william
    Membre

    Bonjour,

    Pour notre boutique, nous voulions élargir le corps de la page, qui est actuellement bloqué à 1170px.
    Nous arrivons à l’élargir comme nous le voulions, mais lorsque nous dépassons les 1170px, le bouton “ajouter au panier” ne s’affiche plus lors du passage de la souris sur les articles affichés sur l’index.

    Savez-vous comment pouvons-nous procéder ?

    #34745

    Frédéric
    Admin bbPress

    Bonjour William

    j’imagine que pour élargir la page vous jouez la class css :

    .container {
        max-width: 1170px;
    }

    Je viens de tester sur mon site de test,

    .container {
    max-width: 1470px;
    }
    le bouton “ajouter au panier” s’affiche bien mais effectivement il est constamment à l’écran (ce qui est bizarre j’avoue…)
    Je creuse un peu la question, mais si quelqu’un a une idée…

    Professionnel du web depuis plus de 10 ans et Fondateur de la société DDLX Multimédia en 2007 - Les champs d'expertise de Frédéric sont : La création web | Web-Marketing & Communication |Wordpress | Woocommerce | Prestashop | Hébergement Web - Contact : TEL : 04 67 17 13 74 - Email : contact@ddlx.org

    Attachments:
    #34747

    Frédéric
    Admin bbPress

    Ok je pense avoir la soluce.

    Ajouter du CSS dans le Evolution X ne suffiera pas, il faut egalement éditer le fichier  global.js du thème

    Changer la lignes 181 dans themes\evolutionx\js\global.js.

    var screenLg = $(‘body’).find(‘.container’).width() == 1170;

    Professionnel du web depuis plus de 10 ans et Fondateur de la société DDLX Multimédia en 2007 - Les champs d'expertise de Frédéric sont : La création web | Web-Marketing & Communication |Wordpress | Woocommerce | Prestashop | Hébergement Web - Contact : TEL : 04 67 17 13 74 - Email : contact@ddlx.org

    #34775

    william
    Membre

    Merci beaucoup de votre aide.

    J’ai donc réussi à agrandir la page en gardant le passage de la souris.

    Par contre je n’ai pas le même code que vous.

    En effet, la ligne 181 est une ligne vide.

    J’ai donc fouiller par moi même jusque trouver la largeur précisé dans le js.

    Et il y en avait deux, un à la ligne 139 et l’autre à la ligne 148, les deux dans la fonction blockHover. Je vous rajoute la partie de mon code :

     

     

    if ($(‘body’).find(‘.container’).width() == 1800)

    {

    var pcHeight = $(this).parent().outerHeight();

    var pcPHeight = $(this).parent().find(‘.button-container’).outerHeight() + $(this).parent().find(‘.comments_note’).outerHeight() + $(this).parent().find(‘.functional-buttons’).outerHeight();

    $(this).parent().addClass(‘hovered’).css({‘height’:pcHeight + pcPHeight, ‘margin-bottom’:pcPHeight * (-1)});

    }

    });

     

    $(document).off(‘mouseleave’).on(‘mouseleave’, ‘.product_list.grid li.ajax_block_product .product-container’, function(e){

    if ($(‘body’).find(‘.container’).width() == 1800)

    $(this).parent().removeClass(‘hovered’).css({‘height’:’auto’, ‘margin-bottom’:’0′});

    });

    #34778

    Frédéric
    Admin bbPress

    En effet celà dépand de la version du Evolution X que vous utilisez.

    Il y a eut “mise a jour” du thème pour prestashop 1.6.1 et les fichiers .js ont changé

    Professionnel du web depuis plus de 10 ans et Fondateur de la société DDLX Multimédia en 2007 - Les champs d'expertise de Frédéric sont : La création web | Web-Marketing & Communication |Wordpress | Woocommerce | Prestashop | Hébergement Web - Contact : TEL : 04 67 17 13 74 - Email : contact@ddlx.org

    #34791

    william
    Membre

    Merci à vous pour cette aide précieuse.

     

    J’ai maintenant un autre problème qui s’ajoute suite à l’agrandissement de la largeur. Je me permet donc de vous demander à la suite de mon poste.

    Donc, la largeur de ma page est maintenant de 1800px, avec 6 produits par page, tout est parfait, comme on le voulait.

    Problème, maintenant le slider Prestashop ne veut pas s’augmenter de plus de 1170px. Cela laisse donc un trou assez conséquent entre les images du configurateur de thème Préstashop ainsi que le slider.

    Savez-vous comment puis-je procéder pour y remédier?

    #34792

    Frédéric
    Admin bbPress

    Une solution : utiliser le slider pure : http://www.evolution-x.fr/addon/

    Professionnel du web depuis plus de 10 ans et Fondateur de la société DDLX Multimédia en 2007 - Les champs d'expertise de Frédéric sont : La création web | Web-Marketing & Communication |Wordpress | Woocommerce | Prestashop | Hébergement Web - Contact : TEL : 04 67 17 13 74 - Email : contact@ddlx.org

    #34793

    william
    Membre

    On peut le mettre que sur une partie de l’écran? Ou est-il obligatoire qu’il prenne tout l’écran?

    #34794

    Frédéric
    Admin bbPress

    Je suppose qu’en le bidouillant on peut modifier la largeur.

    Sinon autre solution mettre des images dans le configurateur de thème plus large.

    Professionnel du web depuis plus de 10 ans et Fondateur de la société DDLX Multimédia en 2007 - Les champs d'expertise de Frédéric sont : La création web | Web-Marketing & Communication |Wordpress | Woocommerce | Prestashop | Hébergement Web - Contact : TEL : 04 67 17 13 74 - Email : contact@ddlx.org

    #34802

    william
    Membre

    Je reviens vers vous pour vous prévenir de mon avancement.

    J’ai finalement gardé le slider par défaut de Prestashop (Je ne suis qu’assistant informatique, et mes supérieurs préféraient garder le slider de base si possible.)

    J’ai donc réussi à bidouiller ce slider.

    Je viens donc expliquer mes démarches au cas où que quelqu’un ai le même besoin que moi :

    Dans le homeslider.css présent dans themes/LETHEMEUTILISE/css/modules/homeslider

    Il faut ajouter dans le premier #homepage-slider la ligne width: avec la largeur souhaité.

    Personnellement nous cherchons à avoir notre site totalement responsive et adapté à toutes les définitions d’écran. Donc j’ai exprimé la largeur en pourcentage.

    De plus, j’ai ajouté des @media (max-width) car je voulais le slider au plus grand possible, et il partait en dessous de mes images du configurateur de thème si je réduisais la définition d’écran. J’ai maintenant un slider qui me convient parfaitement.

    Merci de votre aide!

    #34807

    Frédéric
    Admin bbPress

    OK, merci pour l’info,

    A noter qu’avec le Evolution X tu n’avais pas forcément besion de modifier le fichier CSS, il te suffisait d’ajourter ton CSS modifier dans l’onglet prévu a cet effet dans le evolution X

     

    Au besion ajoute a la fin de ta ligne css  :     !important     (afin que celui ci soit considérer comme prioritaire )

    Ce qui donne a ajouter au evolutioon X :

    #homepage-slider {
    width:1800px !important;
    }

     

    Professionnel du web depuis plus de 10 ans et Fondateur de la société DDLX Multimédia en 2007 - Les champs d'expertise de Frédéric sont : La création web | Web-Marketing & Communication |Wordpress | Woocommerce | Prestashop | Hébergement Web - Contact : TEL : 04 67 17 13 74 - Email : contact@ddlx.org

    #34809

    william
    Membre

    Quand on ne connait pas forcément les id et les class des blocs qu’on veut modifier, il est mieux de regarder directement dans le css ^^

    Puis je bidouille un peu tout de façon à ce que le site soit vraiment comme on me l’a demandé, et donc pas que des fichiers du thème.

    Pour la méthode !important, je la connais, et je l’ai utilisé plusieurs fois, quand il y en avait besoin.

    Mais elle est pas utile tout le temps. 🙂

12 sujets de 1 à 12 (sur un total de 12)

Vous devez être connecté pour répondre à ce sujet.