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

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
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

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
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

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
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

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
dmwwebartisan
Shopify Partner
7283 1720 2291

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
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View 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