Express Theme - Collection Image

buddy5
New Member
8 0 0

Good Day,

I currently using the Express Theme since its the only single paged theme as far as I know.

I would like to increase the space for the image you see on the collection menu. By default it has allotted more space for the description as shown in the screenshot attached below.

I hope this is possible and would greatly appreciate any help.

 

Thank youimage help.png

0 Likes

hello,

Please share the URL for your store.

Thank you

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Add a slider to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Contact: ezfycode@gmail.com.
0 Likes
buddy5
New Member
8 0 0

https://jollypig-meatshop.myshopify.com

password: jonline2020

 

Thank you

0 Likes

Thank you very much.

I just checked it out, it would require custom Liquid/CSS to implement this feature, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.

It will be needed to change the structure of the collection items and the resolution of the images as well since they'll be bigger after the code changes.

In case you're unfamiliar with these technologies you'll need to hire a Shopify developer to assist you.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Add a slider to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Contact: ezfycode@gmail.com.
0 Likes
buddy5
New Member
8 0 0

Good day,

Thank you, its good to know that its possible.

Are you someone who is familiar with Liquid/CSS? If so can I hire you?

As for the images, the ones uploaded on the page are only temporary and would be edited to the right size when everything is ready.

 

Thanks again

 

0 Likes

Hey, 

Yes, absolutely, I work full time as a Shopify developer and would be pleased to help you.

Can you send an email to diego.boarutto.fortes@gmail.com please?

 

I will show you how to add a developer to your store through Shopify's official instructions and will fix this issue right now for you.

 

Thank you

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Add a slider to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Contact: ezfycode@gmail.com.
0 Likes
buddy5
New Member
8 0 0

Already did,

 

Thank you!

0 Likes

Thank you, @buddy5 , I replied to your e-mail.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Add a slider to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Contact: ezfycode@gmail.com.
0 Likes
dmwwebartisan
Shopify Partner
5827 1335 1711

Hey @buddy5,

Please add the following code at the bottom of your assets/theme.min.css file.

.product-card__image-wrapper {
margin-left: 10rem !important;
}

 

Hope this will work for you.

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
LucidArray
New Member
2 0 0

Hello I am having the same issue and with the pictures were bigger than what is allowed. 

0 Likes