Increase Size Of Product Image On Collections Page - Dawn Theme

HELDERWRLD
Explorer
105 0 6

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

 

HELDERWRLD_0-1698945939201.png

 

Replies 5 (5)

BSS-Commerce
Shopify Expert
3477 461 515

Hi @HELDERWRLD ,

Solution 1:
- Go to the Admin page -> select Online Theme -> Customize

view (11).png

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

view (12).pngSolution 2:

- Go to the Admin page -> select Online Theme -> Edit and find the base.css file

view (13).pngview (14).png- 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:

view (15).png Hope it helps @HELDERWRLD !

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

HELDERWRLD
Explorer
105 0 6

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
Explorer
105 0 6

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
Shopify Expert
3477 461 515

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

view - 2023-11-06T092722.586.png

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

 

view - 2023-11-06T092906.640.pngview - 2023-11-06T092913.691.png

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

HELDERWRLD
Explorer
105 0 6

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