Debut - product page picture alignment SOS

Solved
Highlighted

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
Highlighted
Shopify Partner
7473 1034 2599

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
Highlighted

Hi and thank you!

My PW is: gangmember

Best, Brian

1 Like
Highlighted
Shopify Partner
7473 1034 2599

@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
1 Like
Highlighted

@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
Highlighted

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

0 Likes
Highlighted
Shopify Partner
7473 1034 2599

@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
1 Like
Highlighted

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
Highlighted
Shopify Partner
7473 1034 2599

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
1 Like
Highlighted

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

0 Likes