Moving previous/next buttons to center right position on products page

Solved
Basaze
New Member
1 0 0

Hello,

 

I am using the theme Prestige, and added the "previous / next" links on the product page.

To add this, I've used following code 

https://community.shopify.com/c/Shopify-Design/Previous-Next-navigation-cross-several-collections/m-...

which I added to the product-template.liquid in row 47.

 

Current view is:

current.png

 

And my target view is:

target.png

 

How can this be done, without changing the other layouts of images and product texts.

 

Thanks for your help already.

 

0 Likes

Hello @Basaze,

Please share your site url so that I will give you exact solution

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes

This is an accepted solution.

@Basaze,

Please see below scrrenshots

2020-01-13_16-32.jpg2020-01-13_16-35.jpg

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Atique
Pathfinder
224 5 19

Hello, 

Ready to help you to move previous/next buttons to center-right position on the products page. Share me your store URL on my email id, please - 
atique@99coders.co

 

Thank you

also, If you like my answer then please like & for helpful then please accept as a solution.
Best Regards,
Shopify Expert
Atique/99coders
Email: atique@99coders.co
Skype: info@99coders.co
0 Likes

@Basaze.,

To center it on mobile add below css in theme.scss file

@media screen and (max-width: 1008px) {
#shopify-section-product-template .center.mobile_hidden {
text-align: center;
}
}

If you want it in center in desktop view then add your code which you added 1st time and add below css without media query

#shopify-section-product-template .center.mobile_hidden {
	text-align: center;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
VAAM
New Member
8 0 0

Is it possible to implement the look of the prestige arrow bottons like the sliders are designed?

instead the text Previous / next ?

 

Soory my english is not the best

0 Likes