Just like this image I want the exact replica for my shopify theme. Can someone please tell me what approach should i take to achieve this theme in my dawn theme. I attached the website link also for the proper clarity. https://www.portotheme.com/wordpress/porto/architecture2/ . If someone give me the proper code with the explanation then it will be really help for me. I want to this with the help of code without any app.
1 Like
That’s a great design, and you have a couple of ways to achieve this in Shopify’s Dawn theme:
Use PageFly (Free Version) – PageFly is a page builder that allows you to design custom sections similar to the one in your reference image without coding. You can try their free version to replicate the layout easily.
Use Liquid Code (With GPT-4’s Help) – If you want a purely code-based solution, you can use GPT-4 by uploading this image and asking it to generate the Liquid code for a Shopify section. Once you get the code, you can create a custom section in Dawn by following these steps:
-
Go to Online Store > Themes > Edit Code
-
Under Sections, click Add a new section
-
Name it something like custom-hero
-
Paste the Liquid code you got from GPT-4
-
Save and add this section to your homepage via Theme Editor
If you’d prefer a done-for-you solution, we can handle the coding for you and ensure the section is an exact replica of your reference without using any apps. Let us know, and we’d be happy to help! 
1 Like
Hey! Thankyou for your response.. I was doing the exact thing using GPT-4 but still I’m not getting the proper replica. So if possible then please help me with the code. May be i was not giving the proper prompt or may be i was missing something. If you help me then it will be really helpful for me. And also i get the idea properly that how the thing’s will work in this section.