Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1356679

    Bonjour,

    Je souhaiterait modifier l’affichage de mon slider de produit.

    Je souhaiterais afficher l’étiquette du produit en haut à gauche.
    Le titre, un sous-titre et le prix en bas à gauche.
    Et un bouton en bas à droite.

    Pourriez-vous me dire ce qu’il faut faire pour cela? (modifier le css?)
    Existe t-il un plugin permettant de faire cela facielement?

    Cordialement

    #1357029

    Hi sebzh22,

    We apologize for the delayed response.
    It is possible for the product name to be positioned at the top left and the price at the bottom left, however the whole product item is linked to specific product page and there’s no option to show the button. Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    #top .avia-product-slider-container .woocommerce-loop-product__link {
        position: relative;
    }
    
    #top .avia-product-slider-container .woocommerce-loop-product__link .inner_product_header {
        position: static;
        text-align: left;
    }
    
    #top .avia-product-slider-container .woocommerce-loop-product__link .inner_product_header .woocommerce-loop-product__title {
        position: absolute;
        top: 4px;
        left: 12px;
    }

    Hope it helps.

    Best regards,
    Nikko

    #1357505

    Bonjour,

    Merci pour votre retour.

    Votre code me donne un premier apercu des modifications possibles mais est encore loin de ce que je cherche.

    Existe t-il un plugin externe à woocommerce ou une extension de woocommerce permettant de personnaliser ceci?

    Cordialement

    #1357523

    Hi sebzh22,

    There’s no plugin for it however, you can tweak the product slider (or make a new one based on that element).
    You will need to use a child theme for this, if you don’t have one yet, you can download and get further instructions on how to use it here: https://kriesi.at/documentation/enfold/child-theme/
    Next follow the instructions here: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
    Once those are setup, access your enfold theme files and open wp-content > themes > enfold > config-templatebuilder > avia-shortcodes, copy productslider folder, then go to wp-content > themes > enfold-child > shortcodes, and paste it. Then tweak productslider.php file.
    Hope this helps.

    Best regards,
    Nikko

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.