BIGGER CATEGORY PICTURES

BIGGER CATEGORY PICTURES

josoneryx1890
Excursionist
34 0 5

Hello, can you help me make our shop category pics look bigger like this on the reference

here's our link https://72d12c-be.myshopify.com/

josoneryx1890_0-1719800592123.pngjosoneryx1890_1-1719800605518.png

 

Replies 4 (4)

WalkYourStyle
Tourist
195 23 20

Try this
1. Go to 'Online Store' -> Themes -> Customize

3. At the top click on Home Page and select Collections -> Default Collections

4. Click on the product grid and in the left side decrease the 'Number of columns on desktop' to 3 so the product images are bigger.
5. Alternatively you can change the image ration according to your preference in the 'Product Card' section of the product grid.

Hope this helps

 

Abdosamer
Shopify Partner
836 149 169

Hi @josoneryx1890 , go to base.css and add the following code :

@media(min-width:900px){
 ul#Slider-template--22539441996064__collection_list_pTQBXp  {
   justify-content: space-between !important;
}

ul#Slider-template--22539441996064__collection_list_pTQBXp .card:not(.ratio){

     width: 30rem !important;
 }


}

 Result :

Abdosamer_0-1719802821249.png

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work

BSSCommerce-B2B
Shopify Partner
565 114 137

Hi @josoneryx1890,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

 

 

#shopify-section-template--22539441996064__collection_list_pTQBXp .collection-list-wrapper {
    max-width: 100% !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
@media screen and (min-width: 990px) {
    #shopify-section-template--22539441996064__collection_list_pTQBXp .grid--5-col-desktop .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing)* 4 / 5);
        max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing)* 4 / 5);
    }
}

 

 

Here is result: 

BSSCommerceB2B_3-1719805342144.png

 

Hope this can help you,

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

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


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
josoneryx1890
Excursionist
34 0 5

Not working sir