Return to previous page

Activate size guide elsewhere on product page

This topic has 6 replies, 2 voices, and was last updated 2 years, 8 months ago ago by Rose Tyler

  • Avatar: Niddy
    Niddy
    Participant
    April 17, 2022 at 01:43

    Hi

    Just wondering what the html is to add into the product description text block, to fire the size guide popup.

    So assuming I’ve set a custom size guide on a product – can I just go into inspect it and copy the div content html block to fire it elsewhere in the same product page or is it special html? If so can you advise the html please.

    Thanks

    #322165 Copied Theme version: 6.1 WooCommerce version: 8.1
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 17, 2022 at 06:55

    Hello,

    Do you use Elementor or WPBakery? Single Product Builder is activated?

    Regards

    #322169 Copied
    Avatar: Niddy
    Niddy
    Participant
    April 17, 2022 at 08:39

    Hi it’s WPBakery and no I don’t believe so.

    All I’m asking is for the < a href code to fire the size guide elsewhere on the page, like in a tab. The editor is irrelevant. It's literally the line of html I'm enquiring over. So is this all I need to add into the text block?

    Sizing guide

    Edit – tested and yes, this is how to do it…

    Thanks.

    #322175 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 17, 2022 at 09:55

    Hello,

    You can try https://prnt.sc/t_Am_fBBbOtB

    <div class="size-guide">
                <a href="URL of image" rel="lightbox">Sizing guide</a>
            </div>

    Regards

    #322177 Copied
    Avatar: Niddy
    Niddy
    Participant
    April 17, 2022 at 09:56

    Perfect as always. Thank you.

    #322178 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 17, 2022 at 10:05

    You’re welcome! Have a nice day!

    Regards

    #322179 Copied

  • Tagged: , , , , ,

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Activate size guide elsewhere on product page’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – 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.