CommerceLab Shop
  • The Basics
    • CommerceLab Shop Documents
      • Adding Domains & Watchful Key
      • CommerceLab Shop Documentation
    • Getting Support
  • Installation
    • Component install
      • Installing on an existing site or fresh Joomla 4 setup.
      • Post Install Setup Wizard
    • Quickstart Demo Install
      • Installing From a Quickstart Demo
  • Getting Started
    • First Product Setup
      • Creating your first product category and product article through Joomla
      • Creating a product & adding product details in CommerceLab Shop
    • Product setup in Page Builder
      • Overview / Navigating to builder
      • Creating a grid layout in builder
      • Adding product image in builder
      • Adding product Title & Subtitle in builder
      • Adding product details in builder
      • Adding custom shop elements in builder
      • Creating Custom Fields for a product and displaying them in YOOtheme Page Builder on a product page
      • Show your product anywhere in your website
      • Product image gallery add to builder
    • Core Modules
      • Currency Switcher Module Setup
      • Desktop Cart Module Walkthrough
      • Mobile Cart Module Walkthrough
    • Core Shop Pages
      • Checkout Page
      • Store Cart Page
      • Order Confirmation Page
      • Terms & Conditions Page
    • Shop Settings
      • Customer Order Dashboard
      • Shop Emails & Settings
      • Setting up Currencies
      • Setting up Countries & Zone Taxes
      • Global Configurations
      • Discount Codes
      • Countries, Zones & Shipping Rates
  • Add-ons
    • Core Add-ons
      • Gallery View
    • Payment Gateways
      • Mollie Advanced Pay Setup
      • Stripe Advanced Pay
      • Stripe Checkout (Included)
      • Paypal Checkout (Included)
      • Now Payments
Powered by GitBook
On this page
  • Navigating to your product in Page Builder
  • In a shop's product details
  • From the CommerceLab Shop dashboard
  • From your Home Dashboard in Joomla
  • If you've navigated using the first method and are creating your first empty product page you should land at a page that looks like this.
  1. Getting Started
  2. First Product Setup

Creating a product & adding product details in CommerceLab Shop

PreviousCreating your first product category and product article through JoomlaNextProduct setup in Page Builder

Last updated 2 years ago

CommerceLab Shop is 98% integrated with YOOtheme Pro's Page builder. Using dynamic content sources making our shop system headless by design.

  • If you're reading this we assume you've followed the inital steps of adding product details to at least one product. If have not done this inital steps please learn how at the link below.

Navigating to your product in Page Builder

There a couple ways to get to your product in Page builder. Even if you're a seasons YOOtheme user there is a new way to navigate to page builder.

In a shop's product details

  • Head to your CommerceLab Shop Component dashboard and click "Products" in the sidebar and then enter into the product details. Click the builder button at the top to take you directly to your product in Page builder

From the CommerceLab Shop dashboard

  • When in the CommerceLab Shop Dashboard click the home button. then dropdown the page builder links. Click the >> "Home" link

  • This link will drop you on you home page in builder.

  • Using this method will require a shop menu item for you product first to get to your product page. If you haven't done this use the method above to get to your product page.

From your Home Dashboard in Joomla

  • If you've already created a Joomla menu item for your shop category or your first product. You can use the YOOtheme link on your Joomla 4 dashboard

  • Using this method will require a shop menu item for you product first to get to your product page. If you haven't done this use the first method to get to your product page.

If you've navigated using the first method and are creating your first empty product page you should land at a page that looks like this.

  • Please continue to the next step to create your grid layout on the page.

Adding product details in CommerceLab Shop