How can I alter the layout of my collections on the homepage?

[ottenniels]

Hi,

I want to change the lay out of my “collections” on the homescreen to look like something like this: buttons instead of pictures.

This is how it looks now:

Does anyone know how to do this?

[Guleria]

You need to create a new section and write html a/to the requirement or just customize the existing section so it will look as you need.

[ThePrimeWeb]

Hey @ottenniels ,

Can you share the link to your store please? Thanks!

[ottenniels]

Hey @ThePrimeWeb ,

www.damarisjewellery.nl

[ThePrimeWeb]

Hey @ottenniels ,

You may wanna upload smaller images.

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

[ottenniels]

Hi,

I don’t see a difference when I add the code!

Niels

[ThePrimeWeb]

Are you working on the current theme that’s live or are you working on another draft theme? If so, please provide the theme ID to the draft theme.

When you customize the theme, the ID is here

[ottenniels]

I’m working on the live theme. The ID is 159503352143

[ThePrimeWeb]

Can you take a screenshot how you pasted the code, I don’t see the code in the live theme

[ottenniels]

themes/159503352143/editor

[ThePrimeWeb]

Nvm, just try this instead

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

[ottenniels]

It works mate, thank you so much