I am currently working on my product pages to make them look better. I want to include some icons and the payment options but I have a very particular example from another shopify store and I was wondering if someone knows of any apps that can display it like this or if this was custom code?
I found apps that can display the payment icons but I really like the two icons above with the shipping and the secure checkout. What I also like is the green font and how it displays the delivery time. I know the store is in German but I hope this helps.
Does someone know if this was done through an app or if it was custom code?
Any help is appreciated!
Hi @fabian_cheeki the changes you'd like can be edited directly in your theme code.
You always want to make edits directly in your theme code when possible. Apps are awesome and I use / recommend a lot of them, but for simple things like site design you're better to put them in your theme code because:
- You don't rely on loading 3rd party resources (which will slow the page load time)
- You have full control of the look
- Your page is unique to you (rather than with an app hundreds or thousands of other stores may have the same thing)
For you case, you can change font color with CSS, example <p style="color: green;">this will show green if you paste in your code</p>.
For the payment icons, you can download the icons you want separately, then combine them in Photoshop and put that graphic on your site. Just make sure the images you're downloading are not copyrighted, and that they are approved by the brand. You can usually find the official logo on the brand's site, usually called something like Assets. To give an example use case: PayPal has a specific logo, and they are happy to have that logo showing for your store because you offer their service, but you want to use their correct logo, if you just do a google search and use a random PayPal logo that is not official PayPal, it may not align with their branding policy / goals.
I hear ya, been there before.
If you prefer to spend time instead of money, we have some links to common resources for Shopify theme development here: https://speedboostr.com/learn.
The part about front end development will help with html / CSS / JS modifications, also on that page are links to Shopify theme dev docs / liquid. You'll find that useful for general modifications in your theme where you want to interact with your store's database (shipping settings, product info, etc).
Good luck and enjoy the adventure.