Create custom block using an Existing Design

[j-hess]

Hello,

I currently have a third-party “virtual fitting room” plugin added via Google Tag Manager and I like the buttons design.

I have basic HTML knowledge, and I want to create custom pop-up block linked to a metafield to put right above the plugin, but I want the block to follow the same design. I am thinking about just customizing the popup block in Dawn theme. I believe that all I have to do is change it in main-product.liquid, right?

If that’s so, can anyone help me extract the HTML code of the current buttons design so I can use the same?

This is how my store currently is:

This is what I’d like to do:

My current theme is Dawn. The site is: https://j-hess.com/products/camisa-oxford-stretch-branca

Thank you in advance

[made4Uo]

@j-hess

Yes, the code is at main-product.liquid under the Section folder.

[Zqdo]

You can get the code to copy it from your code file for the product.

You mentioned that you have basic HTML knowledge, have you ever worked with code on Shopify before?