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
  • Quickstart CommerceLab Shop + YOOtheme theme pack
  • Database Preparation
  • FTP Access Requirements
  • Downloading your Quickstart Theme from CommerceLab
  • Upload your files via SFTP
  • Quickstart Setup & installation
  • Step 1 - Navigate to the domain you've enetered where the installation lives.
  • Step 2. Add your database information
  • Step 3. Add your CommerceLab Watchful Key
  • Step 4. Add your website administrator credentials
  • Step 5 - Remove the installation directory
  • Step 6 - your site is now ready for you to get started.
  • Post install YOOtheme builder install
  • Step 1 - Download builder from YOOtheme.com
  • Step 2 - Install builder in your new Demo quickstart Joomla 4 extension installer
  • Step 3 - Activate the YOOtheme Template
  1. Installation
  2. Quickstart Demo Install

Installing From a Quickstart Demo

PreviousQuickstart Demo Install NextFirst Product Setup

Last updated 2 years ago

Good to know: your product docs aren't just a reference of all your features! use them to encourage folks to perform certain actions and discover the value in your product.

Quickstart CommerceLab Shop + YOOtheme theme pack

Installing a theme demo on a server requires some basic knowldege of how to create a MY SQL database on a server and PHP 7+ which is usually presetup for you. This install guide will get you from installing through setup.


Database Preparation

  • Make sure your new website domain is setup and pointing to your server.

  • Go to your PHP cpanel or application and create a new database. Have your new 1. Database Name 2. Database Username 3. Database Password You will need these at the ready for the installation.

  • Note: You're gonna want to pre-check your PHP settings to make sure you are set to 7+ or higher.


FTP Access Requirements

  • Configure your FTP Server access: You will need to be able to login to your server to add files to your server in the Public_HTML folder.

  • When you've opened your public html folder proceed to step 3.


Downloading your Quickstart Theme from CommerceLab

  • Go to the Download the theme you'd like to use just go to My Downloads >> Quickstart Themes and select the dtheme you'd like to use. Make sure youve logged in to view the proper download links.

  • After download unpack the zip folder on your computer so you can see the files.


Upload your files via SFTP

  • Drag the files to your public_html folder and proceed with the upload.

  • Note: If you are missing any files from the folder or had erors with the upload we recommend reu;ploading the files to ennsure you've got them all on your server.

Cpanel file unpacker

You can also use a cpanel file manager uncompress feature. Some FTP programs also have this built in. If you use this please skip ahead.


Quickstart Setup & installation

Step 1 - Navigate to the domain you've enetered where the installation lives.

  • The following server checks allow for a smooth install of your demo quickstart. If you have any green checks disaply a red no please contact either us or your hosting provider for advanced support.

  • If lights are green. Click the button in the top right corner and proceed. If you're experiencing any checks not green you will need to contact your server administrator or your host for support.

Step 2. Add your database information

  • You're ready to add those database credentials you setup earlier

  • NOTE: localhost is the typical setting for most servers available. Leave this here unless otherwise specified by your host to change.

  • If all goes smoothly you will seethis messsage after submitting your credentials.

  • Click the next step button

Step 3. Add your CommerceLab Watchful Key

Step 4. Add your website administrator credentials

Just like a Joomla installer enter your website credentials.

  • Click the next step button when you've added new credentials for your website properly.

Step 5 - Remove the installation directory

Step 6 - your site is now ready for you to get started.

At this point your site will not be displayed properly until you install YOOtheme Builder

Your site will be defaulted to the Joomla 4 template Cassiopia for the moment. Don't be alarmed. We will fix this in the next steps outlined below.


Post install YOOtheme builder install

In order to stay in accordance with licensing laws. Your will need an active YOOtheme membership in order to use YOOtheme on this install. We will walk yout through getting this setup. Don't be alarmed your site on the frontend won't look correct untill you do these next steps.

Step 1 - Download builder from YOOtheme.com

  • Nativagate to YOOtheme.com >> Page Builder

  • Download the latest Page Builder for Joomla

Step 2 - Install builder in your new Demo quickstart Joomla 4 extension installer

  • in Joomla 4 Nativgate to systems >> Install >> Extensions

  • Install the YOOtheme Page Builder

Step 3 - Activate the YOOtheme Template

  • Navigate back to System >> Site templates

  • Click into in "Site Template Styles"

  • Click the grey button and Change the default temaplte from "Cassiopea - Default" to "YOOtheme - Default"YOOtheme should now be default.

  • Your website will now be activated and ready for you to build with the demo theme.

Enter your Watchful key to validate your subscription and domain.

Go to theme downloads
Go to YOOtheme.com/Pagebuilder
If your looking to install CommerceLab Shop on Joomla 4 by itself - Go here
Don't feel like reading watch the youtube video