Shopify App | Documentation

CI Product Tabs - Easy Tabs

If you have any questions beyond the scope of this guide, feel free to email us at info@cynoinfotech.com.

Information

Product Tabs App is helping to display various product information and data in product page to more your store usability. There are one tab by default comes in overview, and you can add another tabs using "Add Tab" button. Using Product Tabs App admin can set multiple tabs/accordion for all products, individual product or collection.

Admin can add custom tab’s content as per product features, no need for any programmatic customization to add new tabs. Merchants can easily manage or create tabs on the product page from the admin panel for additional information and a rewarding shopping experience.

The product tabs app is flexible to add tab content: Product Description, HTML, text, images, and video. Product Description use by default add content from description.

Key Features:

1. Add multiple tabs for all products,individual products or collection.
2. Create/manage tabs from admin easily.
3. Use accordion tabs easily.
4. Add tab content: Product Description, HTML, text, images, and video.
5. Easily customize design as your store theme.
6. Fully Responsive.

Settings

General Settings

Use general settings for tabs group settings.

• Tab Status: You can set the yes/no for status enbale/disable.
• Tab group name: You can set the tab group name as per required.
• Tab group style: You can set the group style Tabs/Accordions as your needs.
  • If you select Accordions then you can set the opening behaviours All closed, All opened or First tab open.
• Applies To: You can set for All Products, Specific Product or Collection.

Tabs Settings

You can add the multiple tabs/accordions in the Product Page as your needs.

• Tab heading: You can add tab heading.
• Tab content type: You can add tab content text, image, video, product description or html types.
  • You can add simple text and add font formet as your needs such as, bold, italic, order list or many more.
  • You can add image url direct when select image.
  • You can add url direct such as youtube url or others when select video.
  • You can set product description and this is come from default product description.
  • You can set html types if you want to add any table content or other formet you want.
• Priority: You can set priority in asceding order.

Design Settings

You can set the design like colors, fonts, heading offset and content offset as your store.

Colors

• You can add color to header background, header text and active header background.
• You can add color to content background and content text.
• You can add color to active tab border.

Fonts

• You can set heading font size and content font size in pixel.
• You can set font weight to header font and active header font.
• You can select text transform to lowercase/uppercase.

Heading offsets

• You can set padding top, bottom, left and right in pixel for heading.

Content offsets

• You can set padding top, bottom, left and right in pixel for content.

Tabs Group Grid

You can see the tabs group list here.

• You can add new tabs group from here.
• You can perform the edit or delete action from this list.

Widget Position

You can set position anywhere in the Product Template.

If you'd like to display it elsewhere on the product page, you can reposition it by adding the CI Product Tabs app block in your theme editor.

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme you want to edit and click Customize.
3. Navigate to the product page or section where you want the uploader to appear.
4. In the sidebar, click Add block.
5. Under the Apps section, select CI Product Tabs.
6. Position the block where you want it displayed.
7. Click Save in the editor to apply the changes.

If you use accordions then you can set the icon type Chevron/Plus as above displayed.

Applied on Frontend

Product Page

You can see the product tabs/accordions in product page.

Support

If this documentation doesn't answer your questions, please feel free to email us at info@cynoinfotech.com

Our support team operates in the GMT +5:30 time zone and responds to all inquiries within 12-24 hours on weekdays. In rare cases, the response time may extend to 48 hours, especially during the holidays, which may take longer..

Please don't forget to rate our app 5 stars ( ) on the App Store if you are satisfied with our app and customer support! Your feedback is greatly appreciated and helps us improve our services. Thank you!

Changelog

Version 1.0 (9 May, 2025)

Initial Release