Rule Based Product Tabs

To get this extension, go to the Rule Based Product Tabs extension page.

Rule Based Product Tabs

  1. Enable Rule-Based Product Tabs
  2. Add New Tab
  3. Set Tab Information
  4. Set Priority, Time period and Content for Tab
  5. Set Conditions for Tab
  6. Frontend
  7. GraphQL
  8. YouTube demo

Enable Rule-Based Product Tabs

Sign in to Magento Admin panel and navigate to Store ⟶ Configuration ⟶ Magediary ⟶ Rule-Based Product Tabs ⟶ General, Here select Yes to enable and save it. If you select no then Tabs will not be visible on the frontend.

configuration

Add New Tab

Sign in to Magento Admin panel and navigate to Content ⟶ Elements ⟶ Rule-Based Product Tabs.

Here we can create a new tab or manage existing tabs from the grid. Clicking on Add New Tab button will create a new entry.

backend_grid

Set Tab Information

After creating a new Tab, the following configuration will be displayed on the screen.

tab_form_general_info

Here we can set some information about Tab.

Tab Name specifies the name of the related Tab for the backend purpose only.

Tab Title specifies the title of Tab which will be displayed on the frontend.

Websites determine parts of website where Tab will be visible on the frontend.

Customer Groups can be set for the audience to whom Tab will be visible on the frontend. Only selected groups can view this Tab configured in this section.

Set Priority, Time period and Content for Tab

Here you can set From and To fields to make Tab visible for a selected time period or leave blank for permanent display of Tab.

There are also options to Discard subsequent tabs and set Priority. The tabs are displayed in the order of the priority specified by the Admin.

Priority can be set in order of increasing numbers like 10>20>30…

Tab with high priority will be displayed first over Tab with less priority number.

tab_form_content

In the Content area, you can add content to display in Tab. You can also use the widget as tab content.

Set Conditions for Tab

In this section, the user can set conditions for the associated tab.

By configuring this section, you can set different kinds of rules like show tab for such

  • category
  • attribute set
  • particular product attributes
  • skus
  • etc...

Please note that Tab is only displayed if the conditions are met.

tab_form_conditions

Frontend

Below is an example of Tabs visible on the frontend after fulfilling all conditions set by the Admin using Rules Based Product Tabs extension.

frontend_product_tabs

Here Tabs titled Try and Buy and Delivery Options are created using rules-based products tabs which are visible since it meets all conditions set by the Admin.

GraphQL

Please contact our Support to get the GraphQL extension of this module.

productTabs query

Syntax

productTabs (
  id: Int @doc(description: "Product Id")
): ProductTabs

Output attributes

The object contains array of tabs.

items {
  title: String
  content: String
}

YouTube demo

How it works - Demo

← Product AccessoriesProduct Questions Answers →