What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: How to change zoom button position on product page

How to change zoom button position on product page

Zakariatheguy
Excursionist
53 0 9

Hey there, I would like to move the position of the zoom button to right under. Any idea how?

 

My website: www.auntclothing.com

 

Screenshot 2024-02-17 at 14.46.19.png

Replies 2 (2)

Guleria
Shopify Partner
3707 744 1040

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your section-main-product.css file and paste the following code at the bottom:

.product__modal-opener:hover .product__media-icon{
    margin-top: 40px;
    margin-left: -14px;
}
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
Zakariatheguy
Excursionist
53 0 9

Thanks! Do you know how I can put it right under the photo?