Return to previous page

Hook badge after image product archive page

This topic has 8 replies, 2 voices, and was last updated 1 weeks, 1 days ago ago by Andrea

  • Avatar: Redgall
    Andrea
    Participant
    June 10, 2025 at 11:48

    Hi,
    I found this hook in your guide and it is the only one that works.

    add_action(‘after_etheme_product_grid_list_product_element_title’, ‘aggiungi_badge_personal’, 10);

    I need to position the custom badge above the image, which hook should I use?

    Thanks

    #446781 Copied
    7 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    June 10, 2025 at 13:22

    Dear Andrea,

    We kindly ask you to try using that hook. Once implemented, we will be happy to provide you with the necessary custom CSS code.

    Best regards,
    The 8Theme Team

    #446790 Copied
    Avatar: Redgall
    Andrea
    Participant
    June 10, 2025 at 13:25

    maybe I explained myself badly. I don’t need this hook I was asking if there is one above the image in the product category

    #446792 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    June 10, 2025 at 14:20

    Dear @Andrea,

    We kindly ask you to try using the following hook:

    etheme_product_grid_list_before_product_item

    Please let us know the outcome at your earliest convenience.

    Best regards,
    The 8Theme Team

    #446798 Copied
    Avatar: Redgall
    Andrea
    Participant
    June 10, 2025 at 15:00

    tried and it doesn’t work

    Content is visible for topic creator and
    support staff only.
    #446801 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    June 11, 2025 at 05:59

    Dear Andrea,

    We hope this message finds you well.

    Kindly try using the following hook:

    before_etheme_product_grid_list_product_element_title

    Additionally, please include the custom CSS code below:

    body .etheme-product-grid-item {
    position: relative;
}

body .etheme-product-grid-content {
    position: static;
}

span.badge-spedizione-gratis {
    position: absolute;
    top: 0;
    left: 0;
    background: green;
    color: #fff;
    padding: 5px 10px;
}

    You can view the expected result at the following link:
    https://prnt.sc/vsahjmHDvedt

    Should you have any further questions or require additional assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    #446836 Copied
    Avatar: Redgall
    Andrea
    Participant
    June 11, 2025 at 08:54

    hi,

    perfect!

    Tank!

    #446857 Copied
    Avatar: Redgall
    Andrea
    Participant
    June 11, 2025 at 08:54

    Thanks for the support! My topic “hook badge after image product archive page” has been successfully resolved.

    #446858 Copied
  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘hook badge after image product archive page’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.