Quickstart guide
Last updated
Last updated
Here is the quickstart guide for setting up an online store with Joomla and J2Commerce.
The guide with screenshots walks you step-by-step to set up your Joomla shop within minutes.
Download your J2Commerce Component Package from our J2Commerce official website. Login into the J2Commerce and go to My downloads tab where you can download the J2Commerce package.
Use the Joomla installer to install the J2Commerce package.
Go to Joomla System > Install > Extension
Choose and select your file.
Click Upload & Install.
Once installed, you will get J2Commerce in the Joomla component list and also a separate J2Commerce tab in the Joomla backend. Now, Go to J2Commerce > Dashboard.
Now, Go to J2Commerce > Dashboard.
Fill all the fields in the basic settings and click Save & Proceed.
Creating a Product:
Since J2Commerce uses the default Joomla articles as its products, it lets you use native content as product.
Go to Content > Articles > Add new article. Now, new article page will open.
Give the title of the product, add your description about the product in the content tab and choose the category in which you want to display the product.
Now, go to J2Store Cart tab, choose YES to Treat as a product, then choose your Product Type from the list (Simple, Variable, Configurable, Downloadable), and then click Save and Continue.
After saving, again go to J2Store cart tab. Now you can see the options to add an image for the product, set prices, add filters / Tax / Shipping.
It is very easy and flexible to display the product in frontend via menu. Please follow the procedure given below.
Go to Menu manager > Main menu and create a new menu item. Click Select for Menu Item Type. In the dropdown menu select J2Commerce > Product List View.
Choose the Category that you have chosen when creating a product. The category added in the product and the category added in the menu should be the same.
In the menu, you can see these three tabs: common options, Item view options in category listings, and Item view options.
Common Options: Here you can choose the layout (bootstrap 2, bootstrap 3).
Item view options in category listings: Here you can choose which are things should be displayed in product pages. For example, you hide / show price, images, filters, etc..
Item view options: Here you can choose which are the things should be displayed in the product view page.
Now Go to frontend of your site and check.