We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Move Tabs section

Move Tabs section

Nato0201
Excursionist
69 0 5

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
12073 2359 2539

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 & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

oscprofessional
Shopify Partner
16407 2444 3196

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.

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
Nato0201
Excursionist
69 0 5

Thanks so much! could you send specific instructions? 

oscprofessional
Shopify Partner
16407 2444 3196

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.

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...