Move Tabs section

Move Tabs section

Nato0201
Excursionist
51 0 4

Hey Team,

 

Looking to move the tabs section on all desktop product pages (not mobile) from where it is currently to under the add to cart button (see attached images).

 

Any help on this would be greatly appreciated!

 

URL: https://ap-perform.com/products/dynaflow%E2%84%A2-recovery-boots

 

Screen Shot 2024-07-05 at 10.00.12 AM.pngScreen Shot 2024-07-05 at 10.00.25 AM.png

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
8551 1687 1695

Hi @Nato0201 

You can check in your Online Store > Themes > Customize > Products > Default product and check if there is an option to set the tab below the Add to Cart button. If it does not have the option, then you will need to edit the code of your template to do that.

 

Best regards,

Dan from Ryivu

- Helpful? Like and Accept solution to let me know!>
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

oscprofessional
Shopify Partner
15984 2391 3099

Hello @Nato0201 

To reposition the tabs section within your product information, follow these steps:

  1. Modify the Liquid Code:

    • Open the relevant Liquid file where your product template is defined (e.g., product.liquid).
    • Locate the current code for the tabs section.
    • Cut or copy the tabs section code.
  2. Add a Block in the Product Information Section:

    • Find the section of the Liquid file where your product information is displayed.
    • Paste the tabs section code into the desired location within the product information section.
    • Ensure the HTML structure and CSS classes are properly aligned to maintain the design and functionality.
  3. Save and Preview:

    • Save the changes to the Liquid file.
    • Preview the product page to verify that the tabs section is now correctly positioned within the product information section.

By following these steps, you can successfully move the tabs section to a new location within the product information area of your template.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Nato0201
Excursionist
51 0 4

Thanks so much! could you send specific instructions? 

oscprofessional
Shopify Partner
15984 2391 3099

We need to check your theme file. If possible, please give me access to check your theme file so I can provide a better solution for this.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free