Hello,
I saw this at a shopify store. How can I do it myself?
Thank you for the screenshot showing what you are trying to replicate. This can definitely be done in the Dawn theme!
- From your Shopify admin, go to Online Store > Themes.
- Find the theme that you want to edit, and then click Customize.
- Open the drop-down menu at the top of the page.
- Select the product page template that you want to edit from the dropdown menu.
From there you want to add a section to the product page in the appropriate spot. You can create the section and move it around to see where the best place for it is. The section you want to use is “Custom Liquid”. This section allows you to use HTML and Liquid to create custom content.
Don’t worry if you aren’t sure how to use HTML or Liquid! You can use a free HTML editor to create the bullet point list you want. I can recommend this one to try out: onlinehtmleditor.dev. Create the content you want in the field provided and then click on “Edit HTML Source” to see the HTML version of it. Copy and paste that HTML into the “Custom Liquid” field in your product page and you should be good to go.
2 Likes
hi, thanks for the help. however how can i align the icon inline with text.
Here the icon is little above the text
here is the code i added.
Beautiful
Thank you for the sample! I actually did a bit more digging and I think I have an easier option we can use.
Depending on your theme file, can you take a look and see if you have the Icon With Text field available? If yes, set it to vertical layout and choose the icons you’d like to use from the drop down list.
2 Likes
thats so easy. thanks a lot
1 Like
Hello, I installed icons in SVG format in the “icon-acordion” section and it works well but I would like to be able to use them in “icon with text” as well.
I can’t find them in the list and I’m stuck at this point.
Thanks for your help.
Hi @StillVaping
I can’t promise I will be able to find the icons location, but I am happy to have a look. Can you let me know what theme file you are using? Each one is unique so the icon location could be different.
Hello, please excuse me for the late reply. I use the Refresh theme.
Thanks for your help
Hi, is there any way to add more than 3 icons to this block?
Many thanks!
Hi @ONBEER
At this time that block section doesn’t have the option for more than 3 icons at a time. You can add the 3 icon section multiple times on the product page though.
Why don’t I have this option as a section on my dawn theme? T-T
Hey @newkicks
You definitely should have this section available in your Dawn theme editor for your store. I just checked on the newest version of the Dawn theme and this section is still available.
In your theme editor, you should be able to open your product page template and in the left hand column under Template > Product Information > + Add Block you will find the section “Icon with text”. The default for this is horizontally (like in my screenshot below) but you can click on the section and adjust to vertical instead.
