Commerce Pro

The Commerce Pro module is an enhanced version of the Commerce Module. This Module adds several features which we thought would be a great addition to the Commerce Module.

Commerce Pro Setup

Commerce Pro Categories, Products, and Options

Below, you will find a list of all of the features that Commerce Pro has in addition to the existing features it shares with the Commerce Module:

Commerce Pro can be used for food ordering as well as other products.
Simple Stock Management – You can set stock levels, once these are low the item will become unavailable.
Min Quantity for Order – You can set the minimum quantity for a new order.
Max Quantity for Order – You can set the maximum quantity for a new order.
Shipping charges can be based on distance. A multiple-distance radius can be added with multiple shipping/delivery prices.
Products can be listed per store.
Show stores on the map.
See all the products available in a specific store, this can be useful for stores with multiple branches.
Delivery date/time slot selection on checkout.
Table Service setting will allow you to create an app for restaurants that want their app to work with table service.
Payment gateway added for South Africa (Payfast).

Once you have clicked on the commerce pro icon to add it to your app you will find the following setup screen:

You will need to add your store/s before adding your products.

Once you have added your store's details you will have to set up the delivery details and the payment

Once you have added your delivery and payment options, you will go to the 'settings' tab of the Commerce Pro feature. From your settings page, you will first need to set up the information required from the app users when checking out:

List View- This setting has the potential to entirely reshape the user interface and overall customer experience. It has four options.

Category List View – When chosen, the first page of commerce pro will show all the categories first and then subcategories. This design allows customers to explore categories before accessing products or adding them to the cart. This layout proves effective for single stores housing numerous categories.
Product List View – Opting for this choice will present a direct showcase of all products at the forefront. This configuration suits scenarios where there are numerous products but no categories.
Store List View – In this layout, store information will be displayed first along with products/categories. This works well when you want to display both categories and products on a single page with a polished design. This option is suitable for both single and multiple-store setups.
Map List View – This configuration is important when the objective is to initially display all your stores on maps. It's particularly suitable for setups with multiple stores, as it allows you to showcase nearby stores to users on the map. Clicking on a store's icon then takes the customer to the store's product information page. This approach is well-suited for various purposes, including directory listings.

Payment Gateway Mapping-It is crucial depending on your store configuration. Commerce Pro setup accommodates Single Store, Multi Store, or Marketplace Mode. In these modes, fund transfers to different accounts are necessary. This setting provides three available options.

Multi-Vendor, Single Gateway – Here, you'll manage multiple stores using the payment gateway set in the default store settings. You'll need to designate the default store in the setting called "default store in case of Multi-Vendor, Single Gateway Mode". With this setup, orders can be made for products from single/multiple stores. It's advised to select the Store List View as the preferred layout for this mode.
Multi-Vendor, Direct Transfer to Store – In this mode, you'll manage multiple stores, and each store will utilize its own payment gateway settings. The amount collected will be transferred to the store owner's gateway/account. The "default store in case of Multi-Vendor, Single Gateway Mode" will be ignored in this case. With this setup, orders can be made for products from single-store products only. It's advised to select the Store List View as the preferred layout for this mode.
Single Vendor, Multi Store – In this mode, a single merchant owns all the stores, which could be a chain of restaurants, for example. Each store is still able to use its individual payment gateway. However, on the store page during checkout, customers are presented with a list of stores to choose from. Unlike the previous two modes, users have the flexibility to switch and select their preferred store during the checkout process. In this mode, orders can encompass products from either a single store or multiple stores.

Default store settings - It determines which store's payment gateway settings will be applied in the Multi-Vendor, Single Gateway mode.

Once you have added your preferred settings, you will find further settings by scrolling down:

As highlighted above, please ensure you add a tax rate as with each product you add to the store will need to have this tax rate associated with it.

Hint: if your customer already factors tax into their product price you can create a tax with a 0% rate

Your next step will be to add your categories and products. To begin this process, navigate to the 'Catalog' tab within the feature:

You can then begin to create your categories by clicking the + icon.

Hint: You can add subcategories by first clicking on a category of your choosing and then clicking the + icon

Once you have added your categories you can move on to adding your products to these categories:

As you can see, you will need to add the Tax rate that you set up in the settings as well as the Store you wish to associate the products with.

You can then add options to your products:

For options where you add an extra cost (e.g. add a drink/add an additional product) you will use the 'My Product's Option' section. Once you have added your product's options you will need to select this list and then associate costs to each option:

To add a general list to your product (e.g. Sizes), you can use 'My Product's List Options':

Once you have added this and you are back on the main screen, you will have to go through and ensure each of these options is selected so that they apply to the product:

Once your products have been added you are good to go with your store!