Move Vendorand collection name + image

Solved
Anonymous
Not applicable
1629 0 0

Hi people, I need a little help more. 

I would like to move the collection and vendor name on the right side of the "product details" page. I would also move the image up. 

I really appreciate you help.

Schermata 2021-01-13 alle 19.01.24.png

KetanKumar
Shopify Partner
14394 1672 5177

@Anonymous 

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

Please share your site URL,
So I will check and provide a solution here.

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
Anonymous
Not applicable
1629 0 0

cosantiboutique.it

 

0 Likes
KetanKumar
Shopify Partner
14394 1672 5177

This is an accepted solution.

@Anonymous 

look at this is this fine?

KetanKumar_0-1610691136473.png

 

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
Anonymous
Not applicable
1629 0 0

The image position is perfect. The collection and vendor name should match with the middle of the right column. Just upon the line I've drawn.Schermata 2021-01-15 alle 11.47.55.png

 
KetanKumar
Shopify Partner
14394 1672 5177

This is an accepted solution.

@Anonymous 

Thanks for confirm 

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

@media (min-width: 1020px) {
.template-product .product-details {
float: right;
    width: 50%;
}
}

 

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
Anonymous
Not applicable
1629 0 0

for the text is done, thanks a lot. Can we bring the image a lil bit up?

KetanKumar
Shopify Partner
14394 1672 5177

@Anonymous 

Thanks for update i have check this is this fine for you.

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
Anonymous
Not applicable
1629 0 0

I would like to bring the image a lit bit up

KetanKumar
Shopify Partner
14394 1672 5177

This is an accepted solution.

@Anonymous 

Thanks for it 

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

.product-wrap.two-column>div.product-gallery {margin-top: -5px;}

 

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