Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

About

This tutorial will guide you through the process of adding a new TAB to the item page.

Visual Builder Enabled Themes

This tutorial will guide you through the process of adding a "Facts" tab to the item page in the Elements theme. This process will apply to other Visual Builder enabled themes.

Log into Ultracart, then navigate to the storefront host, then click the "Browse Your Store" button that appears to the right of the storefront preview image:

Image Added

Next, navigate to an item page and then click the 'Edit' button in the top left corner of the page:

Image Added

(Please note that you must be actively logged into the UltraCart backend in order to see the Visual Builder menu at the top of the page.)

Next, scroll down to the tabs, there you'll see an "Add Tab" button:

Image Added

Clicking the tab adds the new tab, and you'll be prompted to "Add element" to the tab. In this case, I added a Text Block element (which initially appears with lorim Ipsum placeholder text .)

Please note: The new tab will initially appear with a placeholder for the tab name "Sample Tab Title", to rename the tab title, you'll need to go ahead and save the changes (click the save button that appears tin the menu along the right side of the page), then exit the Visual Editor by highlighting and removing the portion of the URL "?editMode=true" then reloading the page.


Once the page loads in the non editing view, click the edit button again to engage the Visual Editor. Then scroll back down and highlight the tab section and click the 'H' or the three boxes icon in the visual editor menu to open the Hierarchy panel, the scroll over the new tab and click the setting icon then in the setting panel, change the tab title, then click the save button to save the changes.

Please see the screenshot video for more details to this process:

View file
nameexample - VB - adding a tab to item page.mp4
height400

Legacy Non Visual Builder themes

This tutorial will guide you through the process of adding a "Facts" TAB to the item page of the Mr Teas theme.  This tab will automatically display if Facts information is added to the item.

...