Increase Size Of Product Image On Collections Page - Dawn Theme

[HELDERWRLD]

Hello,
Does anyone know how i can increase the size and make it like the example below?
My website: diversusoficialsite.myshopify.com
Pass: Diversusoficial

Reference website: https://www.manieredevoir.com/collections/mens-new-in

[BSS-Commerce]

Hi @HELDERWRLD ,

Solution 1:

• Go to the Admin page → select Online Theme → Customize

• Next, select the Section you want to edit. Here you can edit Maximum products to show and Number of columns on desktop.

Solution 2:

• Go to the Admin page → select Online Theme → Edit and find the base.css file

• You can add the following code at the end of the base.css file

section#shopify-section-template--19441365975368__e2f480cd-0765-418f-a9eb-b6b93b5abf13 {
    height: 1500px;
}

ul#Slider-template--19441365975368__e2f480cd-0765-418f-a9eb-b6b93b5abf13 {
    display: flex;
    flex-direction: initial;
    width: 100%;
}

li#Slide-template--19441365975368__e2f480cd-0765-418f-a9eb-b6b93b5abf13-1 {
    width: 650px !important;
}

.grid__item.slider__slide.scroll-trigger.animate--slide-in {
    max-width: 25% !important;
    width: 24% !important;
}

Result:

Hope it helps @HELDERWRLD !

[HELDERWRLD]

Hello @BSS-Commerce thank you for coming help me.
I don’t want to change the featured products on main page, I want to change on collection pages, where are all the products

[HELDERWRLD]

Hello @BSS-Commerce
Do you know how can i make this on collection pages?

example: https://www.manieredevoir.com/collections/mens-new-in

[BSS-Commerce]

Hi @HELDERWRLD ,

Okay, if you want to make changes on collection pages or all products page

Go to the Admin → select Online Store → Theme → Customize


Select the page you want to edit, for example I have a Collection test page → you select the product display section and here you can install

Products per page and Number of columns on desktop


[HELDERWRLD]

Hello
But i want it to cover all the white spaces, like the reference. Is it possible?