Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 22, 2019 at 1:03 pm #1070308
    Chris_85

    Hi,

    i have a question. Is it possible to customize the structure of the woocommerce product slider? for example i want to change the order of html element. The Headline should stand above the product image?

    View post on imgur.com

    (move class inner_product_header above class thumbnail_container)

    Thanks

    Chris

    • This topic was modified 5 years, 9 months ago by Chris_85.
    February 25, 2019 at 6:56 pm #1071413
    Victoria

    Hey Chris_85,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    February 26, 2019 at 3:32 pm #1071838
    Chris_85

    Hi Victoria,

    you can find the element in your demo: https://kriesi.at/themes/enfold-shop/

    maybe there is a possibility to change the order with jquery?

    best regards

    March 1, 2019 at 12:53 pm #1073133
    Victoria

    Hi Chris_85,

    Well, it can be done by editing the file and making changes there
    enfold/config-templatebuilder/avia-shortcodes/postslider/postslider.php

    or doing it by the JavaScript when the page is loaded, but this can look glitchy on slower connection speeds.

    Best regards,
    Victoria

    March 4, 2019 at 5:54 pm #1074448
    Chris_85

    Hi Victoria,

    in this file i cant find the html for changing the order of the elements. Can you plz show me where i can change the order of the html as i showed in the first post via screenshot?

    Best regards
    Chris

    March 6, 2019 at 6:21 am #1075292
    Nikko

    Hi Chris,

    Can you try adding this code at the bottom of your child theme’s functions.php:

    remove_action( 'woocommerce_before_shop_loop_item_title', 'avia_woocommerce_thumbnail', 10);
remove_action( 'woocommerce_before_shop_loop_item_title', 'avia_shop_overview_extra_header_div', 20);

add_action( 'woocommerce_before_shop_loop_item_title', 'avia_woocommerce_thumbnail', 20);
add_action( 'woocommerce_before_shop_loop_item_title', 'avia_shop_overview_extra_header_div', 10);

    Best regards,
    Nikko

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