Size Chart Pop Up comes over product pictures when opened.

  • Hey,

    When I open a product listing on mobile or desktop, the size chart pop up blocks/ displays over another aspect of the website.

    For example, if you would to open the link in mobile view, and then tap the product listing image to look closer at the product, the size chart pop-up would be displayed over the product image and slightly cut off the picture.

    Whereas in desktop, if I would to select the product image to look closer at it, the Size chart popup would display over the arrow that helps navigate between the product pictures for the user.

    Could you provide me some custom code, where if the product image is selected to look closer at, then the size chart pop up disappears. And once the user exits the product image, the size chart returns.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support angelagrey

    (@angelagrey)

    Hi,

    Thank you for reaching out to us.
    Do you mean that when user wants to see the product image, they can’t click the “Size chart” button?
    In this case, you can try the custom CSS below:
    div.woo_sc_btn_popup{z-index: 0 !important;}

    Best regards.

    Thread Starter addoadil

    (@addoadil)

    No, that’s not what I mean.

    If you would go on the product listing on mobile view then click the image and swipe through the multiple product images you’ll notice that the actual size chart button (when you click shows the size chart) comes over the product image.

    Look at these two pictures for a better understanding.

    Please check both links. One link is the image opened in a bigger view and second is native product listing.

    https://ibb.co/hCNnk6K

    https://ibb.co/7GMryYG

    Thank you for your help ??

    Plugin Support angelagrey

    (@angelagrey)

    The custom CSS above is to make the product image overlaps the “Size guide” button, you can use it. Once the user click the product image, the “Size guide” button will be hidden. And when they exit the button goes back.

    • This reply was modified 2 years, 4 months ago by angelagrey.
    Thread Starter addoadil

    (@addoadil)

    Thanks for the prompt response.

    I’ll try this soon and let you know.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Size Chart Pop Up comes over product pictures when opened.’ is closed to new replies.