WooCommerce Product Tabs Manager

Contains general settings for Product Tabs

• Custom Tabs – add custom tabs that you need for your products.
• Tabs Locations – sorted list of tabs, that will be used on product page:
  • each Tab can be used only once;
  • add tabs with the help of select box and “Add Tab” button under the list of tabs;
  • sort tabs with the drag-and-drop feature.

Contains style settings for Question/Answer type of tabs.

• Question font size – font size for question text in pixels.
• Answer font size – font size for answer text in pixels.
• Border color – border color for every question/answer block.
• Background question color – background color for questions, that are closed.
• Background opened question color – background color for questions, that are opened.

Contains setting to set custom CSS code that will be added to frontend pages.

• Disable Font Awesome: do not upload the CSS file for Font Awesome to the site. Disable it only if you do not use Font Awesome icons in widgets or you have Font Awesome in your theme.
• Font Awesome Version – version of Font Awesome, which will be used in the settings and the front end pages of the shop. Please select the version that is in your theme.
• Font Family – Google fonts.
• Custom CSS – field for custom CSS; contains custom CSS code settings to be displayed on the front end pages. Custom CSS is the CSS as you want it to be.
• Javascript On Page Load – runs custom Javascript on page load.

To add new tab follow: Admin Panel→ Products→ Tabs and click on Add Tab.

Here you can find a field for a New Title and a default editor for posts, where you can use anything, that you can use in posts.

Also under editor you can find some additional settings for tabs:

• Admin name
• Type of additional info – the info that will be displayed instead of a post text:
  • No additional info (empty field) – displays post text.
  • Question/Answer list – displays text in a FAQ format (Frequently Asked Questions):
    • Add – button to add question-answer pair
    • Question and Answer – if at least one of the question or the answer fields is empty on save, then question-answer pair will be removed.
  • Product List – custom list of products:
    • Type of products – Product or Category
      • Products – displays products from selected list in the Products to display field.
      • Category – displays products from selected category in the Products category field.
    • Product count to display – product count, that will be displayed in a new tab [number].

Open the Admin Bar and follow BeRocket→ Tab Manager→ Locations, then click on Add Location.

Conditions for Locations – allows you to add two conditions to add locations. Click on “+” button, which is below the Conditions, and select the needed condition: + button, which is outside any blocks, adds new blocks that are connected as OR; + button, which is inside each block, adds new condition as AND.

Locations Settings

• Conditions 
• Locations

• Conditions
  • Product:
    • Equal 
    • Not equal
  • On Sale
    • Yes
    • No
  • Bestsellers
  • Total sales
    • Equal
    • Not equal
    • Equal or less
    • Equal or more
    • Count of product
  • Category
    • Equal
    • Not equal
    • Include subcategories 
  • Featured
    • Equal
    • Not equal
  • Stock status
    • In stock 
    • Out of stock
    • On Backorder
  • Price:
    • Equal
    • Not equal
    • From
    • To
    • Product price
    • With tax
    • Without tax
  • Product Age:
    • Equal
    • Not equal
    • Equal or less
    • Equal or more
    • day(s)
  • Product Type
    • Equal
    • Not equal
    • Simple product
    • Grouped product
    • External/Affiliate product
    • Variable product
• Locations Settings
  • Description – title/ Remove.
  • Additional Information/ Remove.
  • Reviews (%d) – use %d in the Title to substitute the number of reviews for the product/ Remove.

Custom CSS Settings

Open the Admin Bar of your site and follow WooCommerce→ Products Labels→ Custom CSS.

Add this CSS to the field “User custom CSS style”:

div.woocommerce-tabs ul.products li.product a.product-images
{
    display: initial !important;
}

Custom CSS Settings

Open the Admin Bar of your site and follow WooCommerce→ Products Labels→ Custom CSS.

Add this CSS to the field “User custom CSS style”:

.br_qa_tabs.ui-accordion .ui-accordion-header.ui-state-active
{
    margin-bottom: 0px !important;
}

Custom CSS Settings

Open the Admin Bar of your site and follow WooCommerce→ Products Labels→ Custom CSS.

Add this CSS to the field “User custom CSS style”:

.br_qa_tabs.ui-accordion .ui-accordion-header
{
    font-size: 100%;
}
.woocommerce .x-tab-pane ul.products li.product
{
    width: 22%;
}

br_get_woocommerce_version()

Public function to get WooCommerce version

return string. woocommerce version

br_generate_product_selector($options)

Generate multiple products selector with search field

• $options – array with options. Elements:
  • option – array with products id
  • block_name – unique name
  • name – name, that used as fields name. Must be array, like “br_tabs[additional_product][products][]”
  • return – if false, then used echo to display HTML code. If true, then return HTML code as string

return string or void. HTML code

All of these functions are in the BeRocket_tab_manager class as static functions.

init ()

Function for initialize scripts.

admin_init ()

Function for initializing scripts and settings page in admin panel.

options ()

Add option page to admin menu.

br_get_template_part( $name = ” )

Get template part (for templates like the slider).

• $name – template name

Default templates are placed in plugins folder woocommerce-product-tab-manager/templates.

To rewrite the template in your theme folder create folder with name woocommerce-tab_manager and places new template with identical name in this folder.

Template that uses in plugin.

Parameters

1. template – link to the template that will be loaded.
2. name – template name.

Usage

<?php
function change_tab_manager_get_template_part ( $template, $name ) {
//your code here
    return $template;
}

add_filter( 'tab_manager_get_template_part', 'change_tab_manager_get_template_part', 10, 2 );
?>