How can I turn my size chart into a pop-up window?

Topic summary

A user seeks help converting their size chart link from opening a new page to displaying in a pop-up window on the same page.

Initial Solution:

  • A community member (Simonsron) provides CSS code to modify the pop-up appearance by adjusting background color and styling
  • Code should be added to assets → style.css at the bottom

Follow-up Issue:

  • The pop-up works but users cannot close it without pressing back
  • Requires JavaScript implementation to add close functionality

Resolution:

  • Simonsron offers to help via partner access and email collaboration
  • After receiving partner access, quickly implements the fix
  • User confirms satisfaction with the solution

Alternative Solutions Suggested:

  • “Bevy Design” app recommended as a no-code drag-and-drop pop-up builder with hover-based triggers and full size chart capabilities
  • YouTube tutorial shared as another coding-free option

The issue was successfully resolved through custom code implementation, though app-based alternatives were also presented for users preferring no-code solutions.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

Hi there, you can try out our app “Bevy Design” for this. Our app has a drag and drop pop-up builder which you can use to create pop-ups without any code. I feel like our app’s On Hover-based trigger will be suitable for this application. You can also use our app to create a full-fledged size chart pop-up, which will be more helpful for your customers to see all the sizes in one place.
You can acquire additional information about our app through our website: https://bevycommerce.com/design/
Let me know If you need to book a meeting with me to go over what our app has to offer.