Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Custom Landing Page with Dawn Theme

Custom Landing Page with Dawn Theme

EMassi
Visitor
2 0 0

Hello. Is there any way to have a landing page like this using the Dawn theme? I've tried the image with text, but I'm not able to add enough separate text blocks. If I can't do it through the Dawn theme, what would be the best way to approach this type of landing page? Would I be better off having a graphic designer creating an image with all the text and information, and then using the image with text section and uploading the graphic? Or would there be a way to add additional blocks to the image with text section, possibly editing the code? Thanks!

 

help1.png

Replies 3 (3)

Geist
Shopify Partner
77 7 8

You can edit the code yourself or hire someone. Adding something to the html in order to get the right layout might require a re think of how the html is structured and styled so it isn't as straight forward as just adding another block. It doesn't have to be hard though, you can achieve this with grid or flex box, and you can link to an image from the code itself. If you know how to do these things you don't need to write extra code so that extra options show up in the theme editor.

- Shopify Headless Ecommerce Experts
- Site speed optimization
- Composable Commerce
Geist - Headless Shopify Ecommerce Expert
EMassi
Visitor
2 0 0

I have no experience with coding. Is there a way to do this without editing the code? How much do you think it'd cost to hire someone for the coding job if there wasn't an alternative?

Geist
Shopify Partner
77 7 8

You cannot do it without editing code since the website is made of code, ie. HTML, CSS, and JavaScript.  For the use case you showed, this requires a change to the structure of the section, this can be done pretty easily with css grid or flex box in a clean and elegant way. Usually the going rate starts at $75 / hr and most developers will tell you 1.5 - 2hrs. This what you have would take around an hour. Beware of the ones that offer very cheap rates, usually they will ruin your code base. You need to take good care that you don't let anyone log in and start playing with your theme, they will write messy code and pollute the codebase.

 

Adding "!important" all over the css is just one of many examples of this I see again and again on this forum which is a huge red flag. This will make editing your site much harder in the future and the more bad code that is written compounds the issues you will deal with down the line.

 

If you want to challenge yourself, install vscode, create a index.html file and hit "! + tab" and it will generate some boilerplate for you and you can try to create a flex layout or grid layout. What you want to accomplish is not complex but be careful who you let work on your site.

- Shopify Headless Ecommerce Experts
- Site speed optimization
- Composable Commerce
Geist - Headless Shopify Ecommerce Expert