Create custom block using an Existing Design

Create custom block using an Existing Design

j-hess
Visitor
3 0 1

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:

 

Screenshot 2023-06-07 at 18.28.47.png

 

This is what I'd like to do:

Screenshot 2023-06-07 at 18.29.07.png

 

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

 

Thank you in advance

Replies 2 (2)

made4Uo
Shopify Partner
3851 717 1195

@j-hess 

 

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

made4Uo_0-1686177897397.png

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

Zqdo
Shopify Partner
803 32 63

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?

banned