How can I display products as a list on collection pages?

Store Design
1

Hello guys, I´m new on Shopify and I need to make a few changes on the way the products are shown on the collections pages.

I´m currently using taste as the template and I´ll like to show the products as a list, like you see them on the checkout

Here is an example

Capture.JPG
Capture.JPG996×294 16.5 KB

I´m looking for some help or a developer that can help us with that

Sorry for my english, is not my native lenguage

Best regards, Seabstian

2

@FranquiciasMach

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi @FranquiciasMach ,

Please send your site and if your site is password protected, please send me the password. I will check it.

4

Hello LitCommerce

The URL is https://franquiciasmachetico.myshopify.com/

Please let us know if you need further information

Best regards
Sebastian

5

Hello KetanKumar,

Here is the URL https://franquiciasmachetico.myshopify.com/

The idea is to change the collection pages to view the products “as a list”, just like you see them on the checkout

Please let us know if you can help us, and what would be the quote

Best regards,
Sebastian

6

Hi @FranquiciasMach ,

Please send your site is password protected, please send me the password. I will check it.

7

Hello Lit, I´ve just disabled the pasword protection.

8

Hi @FranquiciasMach ,

Go to Assets > base.css and paste this at the bottom of the file:

.collection .card {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.collection .card .card__inner {
	width: 30%;
}

and then change 2 display products on 1 line, it will work fine:

Screenshot.png
Screenshot.png1678×731 226 KB

Hope it helps!