J2Commerce Documentation
DownloadExtensions
  • Welcome to J2Commerce
  • Getting Started
    • Introduction to J2Commerce
    • Getting started with J2Commerce
    • Technical Requirements
    • Installation
    • Update
    • Upgrade from FREE version to PRO version of J2Commerce
  • Migrating from J2Store 3 to 4 3 to 4
  • Set up
    • Content plugin settings
    • Configuration
    • Currency
    • Custom fields
    • Set up multi-currency
  • Quickstart guide
  • Product Types
    • Simple product
    • Advanced Variable product
    • Configurable product
    • Flexible variable product
    • Downloadable product
  • Layout
    • Products List View
    • Products Tag View
    • 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 J2Commerce
    • 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 J2Commerce 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 J2Commerce
    • A simplified guide for New EU VAT rules 2015 for digital goods and setting them up in J2Commerce
    • 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
  1. Product Types

Configurable product

PreviousAdvanced Variable productNextFlexible variable product

Last updated 5 days ago

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.

Start by creating a 'New' Article. Go to Content > Article > New.

Name your product and then go to the J2Commerce tab. Select 'Yes' to Treat as a Product and in the dropdown menu select 'Configurable'

See image below

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

The general tab has several fields, in which we need to enter the necessary and relevant details, attached with the product.

Have a look at the image below:

  • t.

  • Visible in Storefront: * IMPORTANT: Set this to YES if you want this product to be shown in the storefront.

  • SKU: Enter the SKU number of the product

  • UPC/EAN/JAN/ISBN: Enter UPC/EAN/JAN/ISBN code for the product, whichever is relevant. UPC - 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 J2Commerce PRO version only

  • Tax Profile: Specify whether the product is taxable, and if so, select the tax profile relevant to the product

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

  • Product CSS class: Use this option to add a unique CSS class to each product.

Pricing

Add the price of your product. Depending on your requirements, you can also choose to configure an advanced pricing plan from here.

Now, check 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, which is special pricing for certain groups ie: VIPs, Managers, Developers, Schools, etc., click the ’Set Prices’ button and it will open up a pop-up window to allow you to set an advanced price setting.

Leave the date range blank if you want that specific group to awlays receive the special pricing.

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 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 J2Commerce PRO exclusive feature *

This tab has the configuration setup facility for inventory management. Here you can set the following details with respect to inventory.

Check the image below:

  • From the image, you can understand the following:

    • 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 stock allow but notify customers'. The second option would allow customers 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: J2COMMERCE_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 the 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 the 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 a clearer understanding of the product he wants to buy. Images help the prospect to imagine what the product they intend to purchase will look like.

See the image below:

Let us understand this with an example.

Let's 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, which has to be uploaded by clicking on the ‘Select an image’ button and selecting 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, which will be shown 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

This tab has the configuration settings for shipping. Any product that has been purchased has to be shipped to the customer if the product is physically deliverable.

Consider the image below:

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.

This configuration will be loaded when shipping is selected.

Options

Pay close attention when you add options. Because you can configure the 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 to the newly created options.

Let's use the example below. In this example, the product is a hose. The colors offered are red, White, and blue, and the sizes offered are 10', 20', and 30'. The size is the parent attribute, and the other two attributes will be set based on the parent attribute. The red hose comes in all three lengths, but the white and blue don't come in the smallest length. So, in this window, you will specify which combinations are offered so your shopper doesn't purchase something that isn't available.

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 Hoses in the store. Hose is classified in the Hardware category. So, the product filter is set to be Hardware > hose, to narrow the search. In the example below, There are multiple types of hoses in the filter section.

See the image below:

Relations

Relations are used to promote sales by suggesting to the customer higher value products than the one being looked at 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 by 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 water hose for $25.

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.

  • Water hose with shutoff valve-> $8 - Upsell, same product family, more expensive

  • Water hose with UV protection -> $10 - Upsell, same product family, more expensive

  • Hose Holder -> $15 - Cross-sell, related product, additional sell

Main Tag: The tag selected here will be used for the canonical URL. More details about the canonical URL can be found

Advanced pricing
here
Choosing the product type
General tab
Pricing
Inventory
Images
Shipping
Adding options
Setting option values
Defining option values
Filters for configurable products
Relations in a configurable product