Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
  • #1156711

    Ich benütze Woocommerce mit dem plugin wooswatches (image variation swatches). Damit können Produktvariationen über ein Bild (z.B. Farbe, größe…) gewählt werden und das Produktbild wird dazu entsprechend geändert.

    Ich möchte gerne die Produktseiten mit dem Avia Layout Builder gestalten. Dies funktioniert auch alles super, jedoch kann ich das Produktbild nicht wechseln. Dazu müsste ich mit einem Hook oder Shortcode den original Container des Bild über den Avia Builder laden können.
    Das Plugin Wooswatches tauscht die Bilder natürlich nur im original Bildcontainer aus.
    Gibt es eine möglichkeit den Bildcontainer Featured Image oder Gallery über den Avia Builder zu laden?

    Danke für die Antwort!


    Hey stefan30,

    Thank you for the inquiry.

    Is there a way to load the image container Featured Image or Gallery via the Avia Builder?

    This might be possible using a custom shortcode and by calling the get_the_post_thumbnail function within it. The function retrieves the post’s featured image or post thumbnail.


    And here’s the documentation for a custom shortcode.


    After creating the shortcode, you can use it within a text or code block in the advance layout builder. Unfortunately, we can’t help you with the modification because it’s beyond the scope of support.

    Best regards,


    Hi Stefan,
    hast du eine Lösung gefunden für dich? Wir bauen auch via Advanced Layout Builder und stehen vor dem gleichen Problem.

    Hi Ismael,
    quite frustrating that Enfold didnt make this work after so many years. being able to design proper products with the advanced layout editor is not too much to ask I suppose. and in fact the gallery seems to be the only thing not synching in terms of variable products/swatches.



    Thank you for using Enfold.

    I added it to our feature request list.

    Best regards,


    auch wir haben das Problem, dass die WooCommerce Product Gallery im Endfold Avia Layout Builder nicht ausgespielt wird, und man diese auch nicht als Media Element auswählen kann, um die Produkt Galerie in die Seite zu integrieren.
    Wir arbeiten mit „Variation Swatches for WooCommerce – Pro” von Emran Ahmed. Die Bilder der Produktvarianten werden bei WooCommerce in die Produkt Galerie geladen. Mit einer manuell auf der Avia Layout Bilder-Seite eingebetteten Galerie funktioniert die Variation Swatches Funktion nicht.

    1) im Dezember kam die Antwort, dass dieses Problem zur „feature request list“ hinzugefügt wurde. –> wann wird es eine Lösung geben?
    2) gibt es eine Möglichkeit die WooCommerce Produkt Galerie über Umwege in die Avia Layout Builder Seite zu integrieren? Plugin? CSS?

    Liebe Grüße,



    ich meine die “Product Image Gallery“, also nicht die Übersicht verschiedener Produkte, sondern die Bilder, die ich einem Produkt und seinen zugeordnet habe.

    Liebe Grüße Doro



    Thanks for chiming in. You can create a custom shortcode that renders the default product gallery. Add this code in the functions.php file.

    add_shortcode( 'avs_product_gallery_hook', 'avs_product_gallery_hook_callback' );
    function avs_product_gallery_hook_callback( $atts ) {
    	$content = ob_get_clean();
        return $content;

    Edit a product, switch to the advance builder and in a text or code block, add the shortcode.


    Best regards,


    I tried using this shortcode but the product image only shows up very large at the top of the page below the header.
    It ignores the place where I put the shortcode in the avia builder. Eg. when I put a text field above the code block with the short code then this text is shown below the picture(s) of the product.

    Is there a way to get these product pictures into a specific place in a layout?




    Thank you for the update.

    We adjusted the code above a bit. Please delete the previous snippet and replace it with the latest version.

    Best regards,


    Thanks for this snippet of code.

    Can I ask if you have a way to remove the numbering next to the images and if you are close to adding this feature to the advanced layout builder.



    What do you mean by numbering? Could you provide a link to the product page with the gallery so that we could check it? Unfortunately, there is no plan on integrating this feature in the theme anytime soon, so you will have to continue using the code above for the moment.

    Best regards,


    Thanks for the shortcode written above. However, clicking on the image does not open the image , can you link it somehow? Or better yet show it instead of the product image?



    @dmmediaks: Would you mind providing a link to a page with the gallery so that we could check it? Please post the details in a new thread or ticket if possible.

    Best regards,



    We just found out that it is the default markup of the product gallery — the images are not linked by default. You have to override the woocommerce\templates\single-product\product-image.php file and add the links manually. For more info on how to override a product template, please check the following documentation.


    We will close this thread for now. Please do not hesitate to open another if you need more help.

    Best regards,

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Woocommerce Product image in Avia Builder using wooswatches’ is closed to new replies.