How to arrange collections list in a horizontal format on Dawn theme?

Store Design
1

I’m trying to set up an new customer for Shopify. I’m using the Dawn theme

I’m trying to get the collections list to appear in a horizontal format such as the image I’ve included
My page : https://greenqueencannabis.myshopify.com/collections/all pw: shopify

sample site https://valuebuds.com/collections/value-buds-112-street

horizontal-layout.jpg
horizontal-layout.jpg2560×961 111 KB

2

Hi @kirkcanada ,

Please change the settings as shown in below screenshot.

It will show the filter to vertical and product will appear in a list. Though it might need some CSS tweak. please make above changes post that I will share CSS code.

Screenshot (2).png
Screenshot (2).png368×897 20.5 KB

3

Renna,

Thank you for responding so quickly! I thin I have made those changes to the default template.

4

@kirkcanada

oh sorry for that issue if you check theme allow list view if not it can be done customization code if you need this please send DM Details

5

@kirkcanada ,

Now please add the below CSS to you base.css file to very bottom.

Go to Online store > Actions > Edit code > Assets > base.css

.collection #product-grid .card__inner.color-background-2.gradient.ratio {
    display: block;
}

Your product will be in a list.

Also you can change settings of style to card as shown below in a screenshot change it and check if it look good with your design requirements.

Screenshot (2).png
Screenshot (2).png336×821 15.3 KB

6

Reena

  1. How can I move the button over to the right and change it to a link for a age verification site?

sample site https://valuebuds.com/collections/value-buds-112-street

I’ve made the changes you told me to:

https://greenqueencannabis.myshopify.com/collections/all

  1. I don’t understand why the product weight is not showing up on the product page

I’m having the same issue as is in this thread, but I can’t figure out how to make it work

https://community.shopify.com/post/1491723