Dawn theme - I have 5 icons under the banner, I would like to show the relevant page under the icon roll when clicking on the icon. Do I need to make an iframe for it? [Eco_iframe.png]

Hello, @StanleyTse You can approach this differently by placing all sections on the page and displaying them as tabs. Alternatively, you could publish them as HTML and use JavaScript to show the HTML content without using iframes. I hope this makes sense.

@Arif_Shopidevs Thanks for your advice and may I know if there any good sample codes reference?

If you send me this block area code, I will send you and update for you . Other wise you need to adjust may js and css in your custom block which may hassle for you. Thank you

I create a page template and here are the codes - added the banner, icons row - and want to show the relevant page under the icon row Thanks a lot! { “sections”: { “image_banner_6DQ3F4”: { “type”: “image-banner”, “blocks”: { “heading_gAMhrj”: { “type”: “heading”, “settings”: { “heading”: “O…

Hello, Thank you for the code. But it is not full code. It missing schema part. What I understand this area is generated from any pagebuilder or some other area. Here the column id is different. i have done a sample code for you. Which will give you idea how to do. thank you

Zip is not allowed here. here is a link for download https://we.tl/t-2hJO7Jpp7O

Thanks and I downloaded the codes are working. However, as I build the page in Dawn theme page template in .json and I want to apply your codes / method to it. Is that possible?

How can I make an full page width iframe to show the content of the clickable icons?

Store Design

StanleyTse May 17, 2024, 8:20am 8

Hello, yes those codes from Dawn theme built-in library (customization)

Topic		Replies	Views
iFrame code in a page not showing up in front end Store Design design , shopify-themes	6	191	December 5, 2022
How To Make the iFrame on One Page Full Width in Dawn Theme Store Design css , html , shopify-theme	4	176	May 3, 2024
Moving half the description under product images Store Design	2	30	July 25, 2022
How to set iframe to full page width? Shopify Discussion troubleshooting	9	235	June 13, 2023
Issue with making iFrame on Page Full Width and mobile friendly Store Design landing-page , css , html	6	99	March 22, 2025

How can I make an full page width iframe to show the content of the clickable icons?

Related topics