Solved

Prestige Theme | Move tabs to right side of product page

Callum
New Member
7 0 0

Does anyone have an updated solution for moving the tabs in Prestige theme to the right side of the product page?Screenshot 2023-01-03 at 16.08.09.png

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1785 3067

This is an accepted solution.


Hi @Callum 

This is Victor from PageFly - Landing Page Builder App.

 

You can try this code by following these steps:


Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

PageFlyVictor_0-1672735034863.png

 

 

<script>

const pfInterval = setInterval(() => {

  var section1 = document.querySelector('.Product__Tabs')

  var section2 = document.querySelector('.Product__Info')

  if(section1) {

clearInterval(pfInterval)

section2.append(section1)

  }

},100)

</script>

 

If the code doesn't work please share the store URL so I can check more

Hope this answer helps.
Best regards,
Victor | PageFly

View solution in original post

Replies 8 (8)

Ujjaval
Shopify Partner
1242 197 209

@Callum  Share your store url?

Callum
New Member
7 0 0

Thanks for your response, it's www.macavri.com

PageFly-Victor
Shopify Partner
7865 1785 3067

@Callum you can try the code i sent above

 

suyash1
Shopify Partner
9274 1153 1495

@Callum - this will need some code editing

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI

PageFly-Victor
Shopify Partner
7865 1785 3067

This is an accepted solution.


Hi @Callum 

This is Victor from PageFly - Landing Page Builder App.

 

You can try this code by following these steps:


Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

PageFlyVictor_0-1672735034863.png

 

 

<script>

const pfInterval = setInterval(() => {

  var section1 = document.querySelector('.Product__Tabs')

  var section2 = document.querySelector('.Product__Info')

  if(section1) {

clearInterval(pfInterval)

section2.append(section1)

  }

},100)

</script>

 

If the code doesn't work please share the store URL so I can check more

Hope this answer helps.
Best regards,
Victor | PageFly

Callum
New Member
7 0 0

Thank you very much Victor, that worked perfectly! One more thing, do you know how to remove the 'View Images' button as circled in the attached image?

 

View Images.png

PageFly-Victor
Shopify Partner
7865 1785 3067

You can try this code

.Product__QuickNav.hidden-pocket {
 display: none;
}

 

whitepear
Shopify Partner
1 0 0

I used the code and it worked perfectly - thank you Victor! 😀