J2Store Documentation
DownloadFeaturesApps
  • Introduction to J2Store
  • Getting Started
    • Introduction to J2Store
    • Getting started with J2store
    • Technical Requirements
    • Installation
    • Update
    • Upgrade from FREE version to PRO version of J2Store
    • Migrating from 2.x to3.x
  • Migration from J2Store 3 to 4
  • Set up
    • Content plugin settings
    • Configuration
    • Currency
    • Custom fields
    • Set up multi-currency
  • Quickstart guide
  • Product Types
    • Simple product
    • Variable product
    • Configurable product
    • Flexible variable product
    • Downloadable product
  • Layout
    • Product layout
    • Product tag layout
    • Usecases
    • Category Tree for displaying filters
    • Special module positions
  • Catalog
    • Assigning a product to multiple categories
    • Product description
    • Short codes
    • Adding specifications to your products
    • Advanced pricing
    • Setting up tax for your products
    • Options
      • Import product options
      • How to create options and add them to your products
    • Filters
      • Product filters
      • Translating filters to your language
    • Manufacturers
    • Vendors
    • Adding related products
    • Ordering products on your storefront
  • Subscriptions and Memberships
    • Introduction to subscriptions and memberships in J2Store
    • Quickstart
    • Requirements and Installation
    • Basic Settings
    • Creating subscription based products
    • Simple Subscription Product
    • Paypal Reference Transactions for Subscriptions
    • Usecases
    • Customizing the subscription mail templates
    • Frequently asked questions
  • Partial Payments
    • Introduction to Partial payments
    • Basic Settings
    • Setting up plans for Partial Payments
    • Instances
    • Usecases
  • Booking and Reservations
    • Limitation of the booking products type
    • Requirements and Installation
    • Basic settings and Booking Management
    • Booking and Reservations
    • Creating a Bookable Product
    • how to restrict multiple booking for a product person based restriction
    • Usecases
  • Localisation
  • Translation
    • Translate J2Store into your language
    • Setting up the store in your Language
    • How to write language override for plugin in multilingual site
    • Language overrides in Joomla with examples
    • Translating Product Options
  • Design
    • Email templates
    • Invoice Template (Pro Feature)
  • Tax configuration
    • Untitled
    • Recommended Tax configuration for US States
    • Recommended Tax configuration for Canadian Stores
    • Recommended Tax Configuration for EU stores
    • Setting up European VAT Rules for selling Physical Goods with J2store
    • A simplified guide for New EU VAT rules 2015 for digital goods and setting them up in J2Store
    • How Tax is Calculated
  • Easy Checkout
    • Easy checkout
    • Trouble shooting issues
  • Shipping methods
    • Free Shipping
      • How to create coupons for free shipping
    • How to set up local store pick up shipping method
    • Australia post shipping plugin
    • Bring shipping plugin
    • Canadapost shipping plugin
    • FedEx shipping plugin
    • Purolator
    • Postal Code shipping plugin
    • Royal Mail Shipping
    • Standard shipping methods
    • Table Rate Shipping
    • UPS Shipping
    • USPS Shipping
    • United States postal service Shipping Plugin
    • USPS Advanced
  • Payment Methods
    • AliPay Payment Plugin
    • Authorize.Net plugin
    • Bank Transfer
    • Barclays Payment plugin
    • Braintree payment plugin
    • Cash on Delivery
    • CardSave Payment plugin
    • CCAvenue payment plugin
    • CECA Payment
    • Checkout fi¨
    • Culqi Payment
    • DIBS payment plugin
    • Direcpay Payment Plugin
    • EBS Payment Plugin
    • Elavon Coverage/Virtual Merchant Payment Plugin
    • eway Payment Gateway for j2store
    • First Data Plugin
    • Flo2Cash for J2Store
    • GestPay
    • Heartland Payment Plugin
    • Icepay Payment Plugin
    • Interpay
    • Klarna Payment Plugin
    • Mollie payment plugin
    • Money Order
    • Moneris eselectplus Hosted Paypage
    • MultiSafe Payment Plugin
    • Nochex Payment Plugin
    • NMI Payment Gateway
    • Ogone Payment plugin
    • Pagseguro Payment plugin
    • Paybox Payment plugin
    • Payeezy
    • Payfast Payment plugin
    • Paygate Payment
    • Paymate
    • Paypal Sandbox
    • Paypal Adavnced Payment plugin
    • Payment Express for J2Store
    • Payment Sense
    • Paypal Express Checkout
    • Paypal payment plugin
    • Paypal Pro Payment Plugin
    • Payseal Payment Plugin
    • Paysera Payment Plugin
    • Payson Payment Plugin
    • Payson Invoice Payment Plugin
    • Pay U Latam
    • PayUMoney plugin
    • Poli Payment Plugin
    • Post Finance
    • QuickPay
    • Razorpay
    • Rabobank Omnikassa
    • RealEx Payment Plugin
    • Redsys/Servired/Sermepa Payment Plugin
    • Sagepay Form Payment Plugin
    • Secure Trading Plugin
    • Sepa Payment
    • Sisow Payment for J2Store
    • Skrill Payment Plugin
    • Sofort Banking
    • Stripe
    • Squareup Payments
    • Tranzila Payment Plugin
    • USAePay Payment Plugin
    • Voguepay Payment Plugin
    • Worldpay Payment Plugin
    • 2Checkout Plugin
  • Sales
    • Coupons
    • Vouchers
    • Customers
    • Orders
  • Report Sales
  • Modules
    • Product search module
    • J2store Detailed Cart
    • Product categories module
    • Product display module
  • Apps
    • Add to user group
    • Additional fee
    • Ask question / quote
    • Availability-notification
    • Bundled Products
    • Bulk discounts
    • Change Password
    • Checkout Redirect
    • Custom Tabs
    • Data validation
    • Donation
    • Drop-box
    • Email basket Plugin
      • Email basket issues
    • GDPR compliance
    • Google-analytics-ecommerce-tracking
    • Group Products
    • How to send download links through email notifications
    • Image Popup
    • Invoice Prefix Generator
    • Open hours (time based restriction)
    • Pay later/Pay against invoice
    • Points and Rewards
    • Re-Order
    • Shipstation
    • Simple CSV import and export tool
    • Tax Utilities
    • Upload file in checkout
    • Quantity dropdown
  • Frequently Asked Questions
    • Where can i find my sub-template
    • Products not aligned properly on list view
    • SCA support for payment plugins
    • To show the base price instead of price range in flexivariable products
    • Where do I add the CSS on my site
    • Unable to save the settings in any app
    • Difference between product types
    • Commonly found issues
    • Frequently Asked Questions
    • Quantity Restriction
  • Troubleshooting Guide
    • Products not visible on storefront
    • Cart not Working
    • Troubleshooting Cart related Issues
    • Moving the description
    • Troubleshooting Checkout Issues
    • Troubleshooting Common Issues
    • How to disable shipping address and payment in checkout
    • Joomla Article Error decoding json data
    • Troubleshooting Email Issues
    • Troubleshooting Paypal related Issues
    • Troubleshooting Product Display Module Issues
    • How to create a custom thank you message
    • Troubleshooting Shipping Issues
    • Troubleshooting Tax Issues
    • Troubleshooting Translate related Issues
  • Common Overrides
    • To add options to downloadable products
    • Moving additional image list to the left of the main image in product view page
    • To display the UPCE/BAN/ISBN on the product page
    • To Display Both the main Image and the additional image in the product view page
  • Video Tutorials
    • Quick Start
    • Catalog Management
    • Subscriptions
    • Booking and Reservation
    • Partial Payments
    • Tax
    • Shipping Methods
    • Discounts
    • Language
    • Apps
    • Email and Invoice Template
    • Checkout and Payment
    • Sales and Orders
    • J2Store CPanel
  • General
    • How to set cron job on your server
    • How to create an FTP account and super user account in Joomla
  • Developer Guide
    • Introduction
    • Queue System
    • App for J2store
    • Sub-templates
    • Creating an integration plugin for your component
    • Payment plugin
    • Templates
  • Canonical URL Plugin
Powered by GitBook
On this page
  • Introduction
  • General
  • Pricing
  • Inventory
  • Video Tutorial:
  • Images
  • Shipping
  • Options
  • Filters
  • Relations
  • A step-by-step example to create a configurable product
  • Creating an Article
  • General
  • Pricing
  • Inventory
  • Shipping
  • Options
  • Filters
  • Relations
  • Apps
  • Video Tutorial:

Was this helpful?

  1. Product Types

Configurable product

PreviousVariable productNextFlexible variable product

Last updated 4 years ago

Was this helpful?

Introduction

As the name suggests, you can allow customers to configure before adding the product to cart. This product type offers dependant / chained product options. That is you can define parent-child relationship between options.

Think of a visiting card. Customer will be asked first to select the type of paper first. Depending on his selection, subsequent options like colour will appear.

Choosing the product type

The settings for this product are exactly similar to that of simple product except in the options tab, where there is an additional field Parent Option is available to select a parent option. In the options listed, for all options, except first one, a parent option can be selected.

General

  • Visible in Storefront - First select whether the product is to be displayed in front of the store and this is a mandatory option to be selected

  • SKU - Enter the SKU number of the product

  • UPC/EAN/JAN/ISBN - Enter UPC/EAN/JAN/ISBN code for the product whichever is relevantUPC - Universal Product Code (In US/North America)EAN - European Article Number (Outside North America/Europe)JAN - Japanese Article Number (Only in Japan)ISBN - International Standard Book Number (Globally)MPN - Manufacturer Part Number (Globally)

  • Brand or Manufacturer - Select the brand or manufacturer of the product from the available list

  • Vendor - Select the vendor from whom the product is available for purchase - Note: This feature is available in J2Store PRO version only

  • Tax Profile - Specify whether the product is taxable and if so select the taxprofile relevant to the product

  • Cart Button Text - Enter the text to be displayed in the cart button.

  • Product css class - Use this option add unique css class to each product.

Pricing

Pricing section will guide you to understand how to set regular pricing and advanced pricing for a product. Consider the image below:

As illustrated in the image, you can set the regular price by entering the value in the text box. If you want advanced pricing, click the ’Set Prices’ button and it will open up a pop-up window to allow you to set an advanced price setting.

Let us see how it happens. Check the image below:

  • First select the dates, between which you wish to set the advanced price.

  • Then enter the minimum quantity required to avail this special price. This is optional and if there is no minimum quantity required, just leave it as empty.

  • Select the customer group to which you offer this special price.

  • Now enter the new price and click Create.

The price will be added and displayed below. You can edit that if you need, and click Save all prices. If you want to remove that, you can do it by clicking the Remove button.

Inventory

This is J2Store PRO exclusive feature

  • Manage Stock - To enable Stock Management - Select Yes

  • Stock Quantity - Enter the initial stock quantity

  • Allow Backorders - Choose from the options whether or not to allow backorders to customers, i.e., the customer can order a product even if there is no stockAllow but notify customers - The second option would allow customer to purchase a product even if it is not in stock.A message will appear (a notification) before the price stating that: This item can be backordered

This comes from the language file.The constant is: J2STORE_BACKORDER_NOTIFICATION

You can write a language override for this constant and display a customized message.

NOTE: This notification will display if:

  • Stock is 0

This option is for those who sell fast moving products. So even if a product stock reaches 0, the customers could still order.

  • Stock Status - Select stock status i.e., In stock or Out of stock

  • Notify if stock goes below - Set minimum stock level for low stock alert

  • Quantity Restriction - Choose whether purchase quantity is restricted and if Yes, set the limits for minimum and maximum quantity for a purchase by entering the quantities in the fields provided

  • Use store configuration - If you select ‘Use store configuration’, you cannot enter max and min quantity fields, as they will be disabled

Video Tutorial:

Images

In this tab you can add images that can help the customer in more clear understanding of the product he wants to buy. Images help the prospect to imagine how the product intended to purchase will look like.

See the image below:

Let us understand this with an example.

Lets assume that a customer would like to purchase a pizza. You need pizza images to be loaded in this tab.

  • Main Image - The main image will be a general photo image of the pizza, that has to be uploaded by clicking on the ‘Select an image’ button and select the appropriate image from the files.

  • Thumbnail Image - The thumbnail image would be something that represents the original product, but it would be a much smaller one to fit into a button, that will be shown up in the cart. By seeing this, the customer will understand that his product is displayed on the button and will click the button to see more details about the pizza.

  • Additional Images - Additional images help the customer to know more details about the pizza, which will be showing the pizza view in many variations, with other add ons, and the customer will understand it clearly how it looks like, what are the add-ons available with the pizza, the prize, and so on.

The button with the caption, Add more images, when clicked, inserts a new row below the Additional images to select another image of the product.

Shipping

As shown in the image, you need to do the following activities to configure shipping:

  • Enable Shipping - Select Yes to enable shipping

  • Dimensions - Enter the dimensions of the packed product in Length x Width x Height

  • Length Class - Choose a length class from the list e.g., cm, mm, inch, etc.

  • Weight - Enter the net weight of the product when packed in the field provided

  • Weight Class - Select the weight class from the list like Kg, grams, pounds, etc.

These configuration will be loaded when shipping is selected.

Options

Pay a close attention when you add options. Because you can configure parent - child relationship between the options.

Once you select the option from the dropdown list, it will be added as you can see in the image below.

Now, save the image and your option will be saved. Now, you will get a link ’Set option values’ near the option name. Click this link to get a pop-up window, where you can set values specific for the newly created options. Here is how it happens, as shown below:

Filters

Add filtering attributes so that your customers can quickly narrow down the search and find the right product.

For e.g., assume that a customer searches for vegetarian pizza in the store. Pizza, is classified in foods category. So, the product filter is set to be Foods > Veg, to narrow the search. See the image below:

Relations

Relations are used to promote sales by suggesting the customer with higher value products than the one being looked and additional products to be bought with a particular product.

  • In this tab page, relations are set for Upsells and Cross sells

  • An upsell is to get the customer to spend more money – buy a more expensive model of the same type of product considered for purchase.

  • A cross-sell is to get the customer to spend more money buy adding more products from other categories, additionally, along with the product intended for purchase.

  • Example:The terms cross-sell and upsell are often used interchangeably because, let’s face it, this gets confusing. Say the customer is viewing a plain veg pizza for $5.

You can suggest the customer with some options, so that the customer may be convinced to buy one of your options, thus promoting a higher sale for you.

  • Veg Pizza with capsicum -> $8 - Upsell, same product family, more expensive

  • Veg Pizza with paneer butter -> $10 - Upsell, same product family, more expensive

  • Beverages/Ice cream -> $3 - Cross sell, related product, additional sell

A step-by-step example to create a configurable product

J2Store implements an innovative concept in creating products. It uses the Joomla articles as products. So to create a product is to create an article.

So, lets create an article.

Creating an Article

Have a look at the image below:

As given in the above illustration, click in the top menu or in the left pane of the control panel. You will get a new screen like this.

A configurable product is the one that can be configured by the customer who intends to purchase the product. A suitable example is, Pizza. This basic pizza is displayed as a configurable product, and the user is allowed to add toppings over the basic product. The price of the product will be changing according to the toppings added by the customer. Follow the steps to create a configurable product.

  • Enter the name for your product.

  • Since you are creating article, you need to tell that the article be treated as product. So, select ‘Yes’.

  • Select the type of the product, i.e., ‘Configurable’.

  • Now, click the ‘Save and Continue’ button.

Your product is successfully created and a message will be displayed like this.

You can enter the description of your product as shown below:

General

Now you need to configure your product with necessary details. Begin with general tab. See the image below:

Enter the details as required by the fields in the tab, like, SKU, UPC/EAN, brand, vendor, tax profile and the caption for the cart button. Once you enter them now navigate to the next tab, pricing.

Pricing

In Pricing you can set the price for your product. You have the option to set up advanced prices, like discount offers, as shown in the following images.

In the above image you set up the regular price for the basic pizza. Click the set prices button to set advanced/special prices. It will pop-up a window to set the special prices.

Check the image below:

In the above image, you can set a date range for the special price, otherwise, you can leave it empty for the special price to be applied always. For example, if a customer buys 5 or more pieces of pizza, you can offer a discount in price, throughout the year. Now, you have entered the values, and click the blue ‘Create’ button and you will get the special price listed below, as shown in the image.

Inventory

Now, configure the Inventory tab.

In this tab you set the initial stock, whether or not to allow backorders(order placement even if stock is not available), low stock alert quantity, purchase quantity restriction for any customer etc.

Check the image below:

Images

Now, add relevant images for your product display in the cart. Here is how it can be done.

When you click on the ‘select an image’ button, you will see a pop-up window, where you can select the image for your product.

Shipping

Move on to shipping tab. Here you set up the shipping configuration for the product. Enter the dimensions, a class for dimensions, weight of the product and its class. All in packed condition.

Check the image below.

Next is options tab.

Options

In this tab, you empower the customer to configure the product. See how it is…

When you type the characters, the available options will be listed and you can select one from the list. The options are selected and addet to the tab, as shown in the image below.

Now, click only the green colored ‘Save’ button in the top left corner to get this options saved and a link will appear near the options as shown below.

Click on the link now to set values for the options.

Now, go to filtes tab.

Filters

The filters will help to narrow the product search, for specific products. For e.g., if you add filter with value ‘Veg’, the search will display only veg pizzas.

Relations

The next tab is Relations. Here, you can add products of higher value than the one being viewed by the customer and recommend the customer to buy that product, citing its advantages and additional features. This is an upsell.

Refer the image below:

Also, you can add some other products to convince the customer to buy theses products additionally. This is cross sell.

For more detailed explanation, refer to the Relations section of the Configurable Product.

Apps

In this tab, you can add third party tools or plugins, that are available, to enhance the J2Store functionality, like adding additional fields, applications, functions or features.

Now, lets have a look on how your product is viewed in your online store. Check the image below:

Video Tutorial:

The following video illustrates how a configure product could be created:

General tab

Main Tag - The tag selected here will be used for canonical url. More details about canonical url could be found here

Pricing
Advanced pricing
Inventory
Images
Shipping
Adding options
Setting option values
Defining option values
Filters for configurable products
Relations in a configurable product
Article manager
Creating a product
Choosing the type
Adding content
General tab
Setting pricing
Date based pricing
Create advanced pricing
Enabling inventory
Images
Uploading images
Enabling shipping
Adding options to product
Configuring options
Adding the options and saving
Setting parent child option values
Creating parent child values
Adding filters
Adding related products
Apps section
Frontview
click here