Debut - product page picture alignment SOS

Solved

Hi guys,

I'd be so thankful if somebody could help me with this problem!

https://soholost.de/collections/seasion-i/products/college-t-shirt-splash-pre-order

-> The main picture isn't aligned to the left, looks kind of strange right here:

Problem 1.jpg

Is there any nice solution that it doesn't look like I was drunk while building the shop?

Thank you so much!

Best, Brian

0 Likes
KetanKumar
Shopify Partner
14582 1676 5229

Hello, @soholoststudio 

Welcome to the Shopify community!
and Thanks for your Good question.

sorry but your store is password protect can you please share us.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes

Hi and thank you!

My PW is: gangmember

Best, Brian

KetanKumar
Shopify Partner
14582 1676 5229

@soholoststudio 

Thanks for it

i can't see this issue i have look at this

KetanKumar_0-1596629911726.png

current equal spacing 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

@KetanKumar yes the spacing is okay when there are five additional pictures under the main picture. but when there are four or less pictures it doesn't look that nice.

Is there any chance to increase the main picture size so that it fits exactly the width of the section?

I'd love to make it look like this:

help.jpg

0 Likes

@KetanKumar or even better: could we make it a slideshow?

0 Likes
KetanKumar
Shopify Partner
14582 1676 5229

@soholoststudio 

Yes, slide is possible to

It can be done by doing some code customization. Please take the help of a developer and hire  Shopify Expert or me
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Hi @KetanKumar,

thank you for helping me so far.

After talking to my partner there is one thing left to do where I'd love to hire you or get some help here.

There are two possible options for my product page that I would like to have.

1) Main picture as a slideshow with NO visible thumbnails of the other pictures. Just swiping left and right to see the other pictures.

or

2) Main picture with thumbnails that are always centered to the main picture. No matter if there are two or five thumbnails.

Could you help me to fix this? My preferred solution would be case 1).

Thank you, Brian

0 Likes
KetanKumar
Shopify Partner
14582 1676 5229

This is an accepted solution.

@soholoststudio 

Thanks for update

Yes, please 

 

1) Main picture as a slideshow with NO visible thumbnails of the other pictures. Just swiping left and right to see the other pictures.

it can be done customization so i have already suggested above my posting you can hire

2) Main picture with thumbnails that are always centered to the main picture. No matter if there are two or five thumbnails.

if you need this please add below code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-single__thumbnails {
align-items: center;
    justify-content: center;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

@KetanKumar thank you! How much would it be to realize option 1)?

0 Likes