Tab layout

For each new tab, it’s essential to select the layout to combine, by choosing from eight different types: editor, video gallery, image gallery, FAQ, download, map, contact, and shortcode.

In the Layout section of every tab, you can find the option Use the content for all products. With this option, you communicate to the system to add the tab in the whole range of products selected in the Settings section of the tab. However, you can customize every tab that you have created directly from the WooCommerce product page.

The “Editor” layout lets you add text to your tab with the classic WordPress editor. You can also use HTML tags.

Product page view:

The “Video Gallery” layout lets you show one or more videos in the tab. You can choose among different visualization options: click on Add Video to add a new video in the tab.

• Number column: choose how many videos to show in a row.
• Video name: set the name of your video.
• Video Hosting Service: the service that hosts the video (Youtube or Vimeo).
• Video ID: the ID of the video.
• Video URL: the URL of the video.

Product page view:

With the “Image Gallery” layout, you can select one or more images to show in a tab. Click on Add Images to upload your images, and define the number of images to show per row in the option Images per row.

Product page view:

The “FAQ” type allows adding a FAQ list to the tab. Click on the ‘Add Row’ button to add new questions and answers.

Product page view:

With the “Download” layout you can add files that users can download.
Click on the ‘Add row’ button to add a new file and write the name, description and the file URL.

Product page view:

The Shortcode layout lets you add one or more shortcodes in the tab. You can also use HTML tags.

Product page view:

With the “Map” layout you can insert Google Maps in a tab, using these parameters:

• Full Width: by enabling this option, the map will have the width as the tab window.
• Width: the width (in pixels) of the map (available only if Full width is disabled).
• Height: the height (in pixels) of the map.
• Address: the address used by Google Maps to generate the map. The standard formula is “Address, City”.
• Zoom: the zoom for the map.

Product page view:

The Contact layout adds a contact form in the tab. The default form is composed by the “Email” and “Message” fields, but you can also add the “name”, “website” and “subject” fields in the layout settings panel. Each of these fields can be set as required.

Product page view: