All pages
Powered by GitBook
1 of 16

User Experience Extensions

Magento 2 How Did You Hear About Us

Installation and User Guide for Magento 2 How did you hear about us Extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Where did you hear about us?

    • General Settings

    • Selected WDYHAU Option in Orders Grid

    • WDYHAU Details at Customers Level

    • WDYHAU Details on the Sales Order View Page

    • “Where did you hear about us?” Drop-down Options in the Back-end

  3. Create Affiliate Code using WDYHAU Module

  4. Front-end Site View

    • WDYHAU Option on the Registration Page

    • WDYHAU option on the Checkout Page

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Where did you hear about us?

Go to Admin > Stores > Configuration > Scommerce Configuration > Where did you hear about us?

General Settings

  • Enabled – Select “Yes” or “No” to enable or disable the module.

  • License Key – Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

  • Dropdown options – Please add the WDHAU options for customers and administrators to choose during checkout and creating order via admin respectively. There should be semicolon (;)separated values for example Google;Facebook;Twitter;Others

  • Drop Down Label – Please add the label.

  • Other Label – Please add the label for other option.

  • Field Is Required On Customer Registration- Select "yes" to set the Where did you heard about us feild as required during signup.

  • Selected WDYHAU Option in Orders Grid - You can see the selected "Where did you hear about us?" option at Admin > Sales > Orders grid.

  • WDYHAU Details at Customers Level - To see the "Where did you hear about us?" option at customers level go to Admin > Customers > All Customers > Select Customer > Account Information > Where did you hear about us?

A screenshot of a cell phone Description automatically generated
  • WDYHAU Details on the Sales Order View Page - The selected WDYHAU option will be shown on order view page under "Account Information" section from Admin > Sales > Select Order > View.

  • “Where did you hear about us?” Drop-down Options in the Back-end - When you enable the module, then it shows WDYHAU drop-down option in the back-end at Admin > Sales > Create New Order > Select Customer > Select Product > Select "Where did you hear about us?" option.

Create Affiliate Code using WDYHAU Module

You can create and use affiliate codes using this module. The extension creates a session cookie when referral_source is passed with the URL. It expires only when the browser is closed. Cookie value is set based on the parameter passed with the URL. Also, this value is captured in the sales order grid against the order under 'Where Did you hear about us'.

For eg:- https://staging.scommerce-mage.com/?referral_source=SCOMMAG

A session cookie named referral_source is created in the browser with value SCOMMAG. Please refer to the image below:-

Once the order is placed the cookie value is captured against the order in the sales order grid. Please refer to the image below:-

Front-end Site View

  • WDYHAU Option on the Registration Page - You can define the "Where did you hear about us?" drop-down options from Admin > Stores > Configuration> Scommerce Configuration > Where did you hear about us? - Google; Twitter; Facebook; YouTube; Others, which will be shown on the registration page.

  • WDYHAU option on the Checkout Page - You can see the "Where did you hear about us?" option on the checkout page.

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 FAQ

Installation and User Guide for Magento 2 FAQ Extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for FAQ

    • General Settings

    • Manage FAQ's

    • Manage FAQ Category

  3. Front-end Site view

    • FAQ Categories

    • FAQ Product

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for FAQ

Go to Admin > Stores > Configuration > Scommerce Configuration > FAQ

General Settings

  • Enabled – Select “Yes” or “No” to enable or disable the module.

  • License Key –Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

  • Enable FAQ Site Wide – Set “yes” to enable FAQ page.

  • Site Wide FAQ Title – Title of FAQ page if FAQ for site enabled.

  • Enable FAQ for Products – If this is set to yes then FAQ Tab will appear on product pages.

  • Product FAQ title – Tab title on product page if FAQ for product enabled.

  • Admin Email – Email to send notification about new questions created from product front page.

  • FAQ Email Template – Email Template for sending to admin with the details when someone asks a question.

Manage FAQ's - You can manage, update and add new FAQ's from Admin > FAQ > Manage FAQ's. To add new FAQ's follow the below settings:-

Add New FAQ: Add new FAQ > General Tab

  • Status – Status of FAQ Active/Inactive

  • Title – Title for FAQ

  • Most Frequently – Set "Yes" if the question is asked frequently.

  • Category – Category for FAQ

  • Sort Order – To define sort order for FAQ

A screenshot of a social media post Description automatically generated

Add FAQ Answer: To add answer go to Admin > FAQ > Manage FAQ's > Add new FAQ > Answer > Save FAQ.

  • Answer – Add answer to the FAQ

A screenshot of a social media post Description automatically generated

Add Meta Description /Keywords for FAQ's: You can add meta description/keywords from Admin > FAQ > Manage FAQ's > Add new FAQ > Search Engine Optimization.

  • URL key – URL for FAQ

  • Meta Keywords – Keywords for FAQ

  • Meta Description – Description for FAQ

A screenshot of a social media post Description automatically generated

Add Websites: To add websites go to, Admin > FAQ > Manage FAQ's > Add new FAQ > Websites.

  • Stores view – Select stores where FAQ will be visible

A screenshot of a cell phone Description automatically generated

Select Products for FAQ: You can select product from Admin > FAQ > Manage FAQ's > Add new FAQ > Selected Products > Save FAQ.

  • Select Product – Select products to associated FAQ’s.

Manage FAQ Category: You can manage, update and add new category for FAQ's from Admin > FAQ > Add new FAQ Category. Below is the configuration to add new FAQ category:-

Add New FAQ Category: Add new FAQ Category > General Tab

  • Status – Status of FAQ Category Active/Inactive

  • Title – Title for FAQ Category

  • Category Icon – Icon for Category

  • Sort Order – To define sort order for FAQ

A screenshot of a cell phone Description automatically generated

Add Meta Description/Keywords for FAQ Category: You can add meta description/keywords from Admin > FAQ > Manage FAQ's > Add new FAQ Category > Search Engine Optimization.

  • URL Key – URL for FAQ Category

  • Meta Keywords – Keywords for FAQ Category

  • Meta Description – Description for FAQ Category

A screenshot of a cell phone Description automatically generated

FAQ Category in Websites: To add websites go to, Admin > FAQ > Manage FAQ's > Add new Category > FAQ Category in Websites.

  • Stores view – Select stores where FAQ will be visible.

A screenshot of a cell phone Description automatically generated

Front-end Site view

  • FAQ Categories - When you enable the module and set "Yes" for " Enable FAQ Site Wide" from Admin > Stores > Configuration > Scommerce Configuration> FAQ , then on the front-end, it shows FAQ page with categories.

  • FAQ Product - Select "Yes" for " Enable FAQ for Products" from Admin > Stores > Configuration > Scommerce Configuration > FAQ

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 Subcategory Grid/List Extension

Installation and User Guide for Magento 2 Subcategory Extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Subcategory Extension

    • General Settings

    • Subcategories Widget

    • Display Mode Selection Drop-down “Subcategories Only”

    • Sub-categories Settings Dropdown

  3. Front-end Screenshots

    • Subcategories Grid View on the Front- end

    • Subcategories List View on the Front- end

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Subcategory Extension

Go to Admin > Stores > Configuration > Scommerce Configuration > SubCategory

General Settings

  • Enabled - Select “Yes” or “No” to enable or disable the module.

  • License Key - Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

  • Subcategories Background Color – Please select the Subcategories background colour.

  • Thumbnail Placeholder – Please choose the file of Thumbnail placeholder

  • Thumbnail width – Please add the Thumbnail width.

  • Thumbnail height – Please add the Thumbnail height.

Subcategories Widget

Subcategories widget will allow you to display subcategories in a Grid/list view on any page. Navigate to Content > Pages, edit the page that where you want to display the subcategories. Go into Content and then simply click on insert widget and you will have options such as widget type where you have to select the widget named “Subcategories List” then select the category and the number of columns you want to display the subcategories in. Then Lastly click on insert widget.

Display Mode Selection Drop-down “Subcategories Only”

Go to any of the categories page where you want to display subcategories on by navigating to Catalog > Categories. Next go to display settings where you can select the display mode as “subcategories only” so that the page can display subcategories instead of products

Sub-categories Settings Dropdown

Go to any of the categories pages where you can select the settings by going into

Sub-categories settings dropdown. You can change the following settings: -

  • Thumbnail Category Image – Here you can upload a thumbnail image for the category.

  • Sub-category Short Description – You can add a short description here.

  • Number of columns – Select the number of columns you want to display your subcategories in.

Front-end Screenshots

Subcategories Grid View on the Front- end

After successfully enabling subcategories you can see them listed in a Grid view on the frontend. You can select the number of columns depending upon that the frontend will review the Grid view. To select the columns Navigate to Catalog > Categories and then select the category. Scroll down to Sub-Categories Settings. Here you will have the option to upload the thumbnail image, short description and number of columns. Please refer to the image below. Each of the subcategories will be listed with a description, background and image as defined by you.

Subcategories List View on the Front- end

Navigate to Catalog > Categories, select the category, and then scroll down to Sub-Categories settings. You can select the number of columns here. Similarly display the subcategories in a list view by selecting the number of columns as “1”. See the image below for reference.

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 Ajax Login and Add to Wishlist

Installation and User Guide for Magento 2 AJAX Login and Add to Wishlist

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Ajax Login & Wishlist

    • General Settings

  3. Front-end site view

    • Ajax Add to Wishlist - Ajax SignIn Popup

    • Ajax Add to Wishlist – Ajax Create an Account Popup

    • Ajax Add to Wishlist – Mini Cart Drop-Down Slider

    • Limit The Quantity of Products to Show In The Cart Slider

    • Ajax Add to Wishlist – Ajax Add to Wishlist Popup

    • Ajax Add to Wishlist – Ajax Add to Wishlist Confirmation Message

    • Ajax Add to Wishlist – Wishlist Products Under my Account – My Wishlist Section

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Ajax Login & Wishlist

Go to Admin > Stores > Configuration > Scommerce Configuration > Ajax Login & Wishlist

General Settings

  • Enabled - Select “Yes” or “No” to enable or disable the module.

  • License Key - Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

  • Enable Ajax Wish List – Select “Yes” or “No” to enable or disable the Ajax Wish List.

  • Enable Ajax Login – Select “Yes” or “No” to enable or disable the Ajax Login

  • Enable Slide Down Mini Cart – Select “Yes” or “No” to enable or disable slide down effect of mini cart after adding item to the basket.

Front-end site view

Ajax Add to Wishlist - Ajax SignIn Popup

No more waiting to be redirected to the Sign In page. When you click on Sign in a pop-up will appear on your screen and you will be able to login to the site without reloading the page. It is great for ease of access as well as saves time. Also, it does not matter which page you are browsing the pop-up will work with most pages. To enable the Ajax login feature first login to your admin panel.

Ajax Add to Wishlist – Ajax Create an Account Popup

Enables users to create an account or register on the website via a pop-up. Initially upon clicking on create an account users were redirected to a different page but now you can stay where you are browsing and create an account without having to reload or redirect the page. It makes convenient for new users to gain access.

You can toggle this feature on or off by loggin into your admin panel and then going to the path Stores > Configuration > Scommerce Configuration > Ajax Login & Wishlist. There will be flag named Enable Ajax Login you can select “Yes” or “No” from the drop-down that will turn this feature on or off.

Ajax Add to Wishlist – Mini Cart Drop-Down Slider

When products are added to the cart a drop-down slider appears in the mini cart. It makes easy for users to keep track of their products that they have added to the cart. You can scroll down to browse your products in the cart. The number of products to appear in the list can be changed from settings.

This feature can be enabled or disabled from the admin panel. First Login to your admin panel then go to the following path Stores > Configuration > Scommerce Configuration > Ajax Login & Wishlist. There you will have an option named

Enable slide down mini cart, from the drop-down menu select “Yes/No” to Enable/Disable this feature.

Limit the Quantity of Products to Show in the Cart Slider

Also, you can limit the quantity of products to show in the cart slider. You can do that by going into Stores > Configuration > Sales > Checkout > Shopping cart sidebar. There you will see an option named Number of items to display scrollbar. Here enter your quantity and the scrollbar will appear after that many number of products are added to the cart.

Ajax Add to Wishlist – Ajax Add to Wishlist Popup

Generally, when a product is added to the wishlist you are redirected to another page but while this setting is enabled you will be able to add products to wishlist without redirecting or reloading the page. If you are not signed In, a pop-up will appear on the screen saying either sign in or create an account. This feature can be enabled

or disabled by log in to your admin panel then going to the path Stores > Configuration > Scommerce Configuration > Ajax Login & Wishlist. Here you will see an option named Enable Ajax Wish List, from the drop-down select Yes/No to Enable/Disable this functionality.

Ajax Add to Wishlist – Ajax Add to Wishlist Confirmation Message

While this option is enabled when any product is added to the cart you will receive a pop-up message on the screen showing your product has been successfully added to the wishlist. Keep in mind you need to be logged in to add products to wishlist.

Ajax Add to Wishlist – Wishlist Products Under my Account – My Wishlist Section

All the products added to the wishlist should be visible under your account under the wishlist section. Add multiple products to Wishlist without reloading the page every time and view them listed in the wishlist section of your account.

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 Custom Stock Status Extension

Installation and User Guide for Magento 2 Custom Stock Status Extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Custom Stock Status

    • General Settings

    • Stock Status Rules Grid

    • Add New Rule

    • Custom Stock Status and Rule Name at Product Level

    • Salable Quantity

    • Assign Custom Stock Status Rule to Products Automatically or Manually

    • Manually

    • Automatically on Cron Run

    • Multi Websites Selection

    • Custom Stock Status Product Attribute

  3. Front-end Site View

    • Custom Stock Message for Simple Products on the Product Page

    • Custom Stock Message for Configurable Products on the Product Page

    • Custom Stock Message on the Cart & Checkout Pages

    • Custom Stock Message on Related, Cross-sells and Up-sells Products

    • Status Message in the Order Confirmation Email

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Custom Stock Status

Go to Admin > Stores > Configuration > Scommerce Configuration > Custom Stock Status

General Settings

  • Enabled - Select “Yes” or “No” to enable or disable the module.

  • License Key - Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

  • Custom Stock Message on Related Product – Select “Yes” to enable the custom stock message on related product.

  • Custom Stock Message on Up-Sells Product – Select “Yes” to enable the custom stock message on Up-sells product.

  • Custom Stock Message or Cross-Sells Product – Select “Yes” to enable the custom stock message on Cross-sells product.

  • Cron Schedule – Schedule cron job to automatically update custom stock status based on correct rule.

Stock Status Rules Grid – This will be a grid in admin > Catalog > Stock Status Rules, with below column: -

  • ID: ID, this is auto generated and non-editable

  • Rule Name: Name of the rule

  • Status: Status of the rule, Enabled/Disabled

  • Website: Name of the website

  • Priority: Priority of the rule

  • Action: Edit/Delete

  • Add New Rule – You can add new rule by clicking “Add New Rule” from Admin > Catalog > Products > Stock Status Rules >Add New Rule, it redirects to the detailed view for Rule from where you can create a new rule by filling the required fields.

  • Rule Name - Add generic name for rule

  • Website - Select website from multi-select, from here you can select multiple website

  • Enable - Please enable/disable rule by slider

  • Priority - You can add priority (int) for the rule. In case of conflicting rules for a product the lowest number will have highest priority like 0 will be given priority over 1. If no priority defined then any random rule will apply

  • Conditions - Add the conditions to match, leave blank for all products

  • Default Stock Message - You can select default stock message from the drop- down, which will be shown on the frontend and replace availability (In Stock / Out Stock) message.

  • Apply Stock Quantity Ranges: You can enable it by turning "On" this option. If it is enabled then it shows below grid where you can define stock ranges and corresponding status. Please note that if the range is not provided for given stock quantity then the default message will be shown.

Add New Stock Status Rules - Admin Site View

  • Custom Stock Status and Rule Name at Product Level - You can view the associated rule to product from Admin > Catalog > Products > Select product.

Salable Quantity - On product save it updates the stock status message based on the salable quantity and the quantity rule. To view salable quantity go to Admin > Catalog> products > Select Product > Product Salable Quantity.

Assign Custom Stock Status Rule to Products Automatically or Manually

  • Manually - You can assign rules to product manually from Admin > Catalog> Products > Select Product > Rule Name - Select rule from the “Rule Name” drop-down list.

  • Automatically on Cron Run - You can schedule the Cron job from Admin > Stores > Configuration > Scommerce Configuration > Custom Stock Status, on cron run the rule will be automatically assigned to products based on the matched condition and set the correct message.

Multi Websites Selection - It fully supports multi-store and websites, you can select websites from Admin > Catalog > Products > Select Product > Product in Websites- check websites.

  • Custom Stock Status Product Attribute - You can add values to custom stock status product attribute from Admin > Store >Attribute > Product> Product Attribute>Select - custom_stock_status > Properties > Add option, the added values will be populated in the default /custom stock status message drop-down.

Front-end Site View

  • Custom Stock Message for Simple Products on the Product Page – It displays stock status message for simple product based on salable qty and quantity ranges rule.

  • Custom Stock Message for Configurable Products on the Product Page :- For configurable product it displays stock status based on variant selection.

  • Custom Stock Message on the Cart & Checkout Pages – You can see the stock status message on cart and checkout pages.

  • Custom Stock Message on Related, Cross-sells and Up-sells Products – When you select “Yes” for “Custom Stock Message on Related Product / Up-Sells/ Cross- Sells” from Admin > Stores > Configuration > Scommerce Configuration > Custom Stock Status, then it shows stock status message on related/up-sells/cross- sells products.

  • Status Message in the Order Confirmation Email – In the order confirmation email you can see the added stock status message.

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 Product Shelf Life

Installation and User Guide for Magento 2 Product Shelf life Extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Product Shelf Life Expiration

    • General Settings

    • Batch Settings

    • Product Batches Grid

    • Add Sources at Product Level

    • Add New Product Batch

    • Un-Associate / Delete Product Batch

    • Product Batches at Product Level

    • Add Specific Batch to Product

    • Select Batches During Shipment

    • Batch Details on the Order View Page

    • Deleting or Un- Associating a Product Batch

    • Deleting

    • Un-Associating

    • Batch Report

    • Import / Export Product Batches

    • Batch Expiration Email Notification

  3. API - Application Programming Interface

    • Authentication Token

    • Creating a Batch using API

    • Retrieve all Batches using API

    • Retrieve Date of Batch using ID 1 Using API

    • Delete Batch with ID 1 Using API

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Product Shelf Life Expiration

Go to Admin > Stores > Configuration > Scommerce Configuration > Product Shelf Life Expiration

General Settings

  • Enabled - Select “Yes” or “No” to enable or disable the module.

  • License Key –Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

Batch Settings

  • Batch expiry email notification period (number of days) - Please define batch expiry email notification period. This setting will check the batch expiry date and will send an email notification to the admin for the same.

  • Batch expiry email notification (Yes/No) - Please select “Yes” or “No” to “Enable” or “Disable” the email notification regarding batch expiration.

  • Disable batch once expired - Please select “Yes” or “No” to disable the batch. It disables the batch automatically once their expiry date is passed and runs as part of cron job at midnight.

  • Email Addresses - Please provide email addresses (comma separated) to send the batch expiration email notification.

  • Email Sender – Please select sender/ from email addresses for Batch expiry updated.

  • Select Email Template -Please select the email template for batch expiry email notification.

  • Cron Scheduler for expiry batch notification - This setting will be used to send the email through the cron.

  • Batch Selection Attribute – This setting will determine how batches are selected automatically.

  • Batch Selection Attribute Direction – As per the batch selection attribute you can choose the direction for example Ascending(ASC) or Descending(DSC).

  • Batch Selection – You can choose to select batches automatically based on batch selection attribute or you can set it to Manual. When Manual you will be able to select batches during shipment.

Product Batches Grid

You can create and manage product batches from, Admin> Product Batches. This grid will have all the details about batches like ID, Batch Code, Product SKU, Batch Status, Batch Qty, Batch Expiry, Action/Edit and Source Inventory.

  • Add Sources at Product Level -You can add product source from Admin > Catalog > Select Products > Click "Assign Sources"> Select "Source"> Click "Done" .

  • Add New Product Batch -To create new product batch, go to Admin > Product Batches>click 'Add New Batch'. It will take you to the new product batch page and by providing all the required details; you can create the new batch.

  • Un-Associate / Delete Product Batch -Toun-associate and delete product batch, go toAdmin > Product Batches> Select Batch > Edit >Click "Un-Associate with Product'' and for Delete click on "Delete" button.

Product Batches at Product Level

When user enables the module then Product Batches section appears at, Admin>Catalog>Product>Select Product>Edit>Product Batches. From this section, users can add new batch or can associate specific existing batch to a product.

A screenshot of a video game Description automatically generated

Add Specific Batch to Product

You can also add specific batches to a product from, Admin > Catalog > Product > Select Product >Edit >Product Batches >Click"Add Specific Batch". It redirects to Batch Grid and by selecting batch ID you can associate active batches to a product.

  • Select Batches During Shipment -To select the batch during shipment make sure Batch Selection is set to manual in the configuration then navigate to Admin> Sales > Order > Select Order > View>Generate Invoice>Click on Ship. When you scroll down on the page you will see the option to select the batches manually. The product quantity will be deducted from the selected batch. Please refer to the image below:-

  • Batch Details on the Order View Page -To view theproduct batch related details, go to Admin > Sales > Order > Select Order > View.

Deleting or Un- Associating a Product Batch

  • Deleting: -To delete a product batch, go to Catalog>Product Batches then select the product batch that you want to delete. From Action coloumn click Edit. Here you will see the option to delete the Product batch.

Note:- If an order has been shipped then you won’t be able to delete that product batch. You will see an error.

  • Un-Associating:- To Un-Associate a product batch, go to Catalog>Product Batches then select the product batch that you want to delete. From Action column click Edit. Here you will see the option to Un-Associate the Product batch.

C:\Users\USER\Desktop\Screenshot 2021-02-10 220805_2.png

Note:- If an order has been shipped then you won’t be able to delete that product batch. You will see an error.

  • Batch Report:- To view the detailed batch report go to your admin panel then Reports>Sales>Batches. Here you can see all the orders associated with a product batch with the following information:-

  • Order Number

  • Purchase Date

  • Customer

  • Customer Group

  • Product Name

  • Batch code

  • Batch Quantity

  • Expiry Date

Import / Export Product Batches

To import and export product batches, go to Admin > System >Import / Export.

  • Import - It updates the stock quantity and disables the batches if they are expired.

  • Export-It exports the batches in the selected file format, e.g. CSV.

Import Settings

Import Import Export Data Transfer System Magento Admin.png

CSV File Format for Import - CSV file will have batch_code, batch_qty, batch_status, batch_expiry, product_sku and source_inventory.

Export Settings

Export Import Export Data Transfer System Magento Admin.png
  • Batch Expiration Email Notification - When you select "Yes" for "Batch expiry email notification"from Admin > Stores > Configuration > Scommerce Configuration > Product Shelf Life Expiration > Batch Settings, then it sends an email notification for batch expiration.

Shelf Life Expiration Notification Gmail_011.png

API - Application Programming Interface

Authentication Token

auth_token can be received using the following: -

You would need credentials to your store with admin rights Parameters:-.Admin credentials

  • Username

  • Password

POST URL:- http://baseurl/index.php/rest/V1/integration/admin/token Content-Type: application/json

{

"username": "admin", "password": "admin"

}

Creating a Batch using API

Parameters:-

  • Authorization token received from the above step

  • Batch code

  • Batch quantity

  • Batch status

  • Batch expiry

  • Product SKU

POSTURL:-http://baseurl/index.php/rest/V1/productbatches/createbatch Content-Type: application/json

Authorization: Bearer {{auth_token}}

{

"batch_code": "batchcode_001", "batch_qty": "10",

"batch_status": "1",

"batch_expiry": "2020-12-06", "product_sku": "MH0001"

}

Retrieve all Batches using API

Parameters:-

Authorization token

GET URL:-http://baseurl/index.php/rest/V1/productbatches/getcollection Content-Type: application/json

Authorization: Bearer {{auth_token}}

Retrieve Date of Batch using ID 1 Using API: -

Parameters: -

  • Authorization token

  • Batch ID in URL

GET URL:-http://baseurl/index.php/rest/V1/productbatches/getbatch?batchId=1 Content-Type: application/json

Authorization: Bearer {{auth_token}}

Delete Batch with ID 1 Using API: -

Parameters: -

  • Authorization token

  • Batch ID

PUT URL: - http://baseurl/index.php/rest/V1/productbatches/deletebatch Content-Type: application/json

Authorization: Bearer {{auth_token}}

{

"batchId": 1

}

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 VAT Exemption

Installation and User Guide for Magento 2 Vat Exemption Extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Vat Exemption

    • General Settings

    • Vat Exempt Settings

  3. VAT Exempt - Reasons

    • Create New Reason

  4. Admin Order View Page

    • Declaration Statement on Order View Page

    • VAT Exemption Details on Order View Page

    • VAT Exemption Option for Admin Orders

  5. Enable VAT Exemption for Products

    • Include or Exclude Product

  6. Front-end Site View

    • VAT Exempt Form on the Cart Page

    • VAT Exempt Message on the Cart Page

    • VAT Exempt Option on the Checkout Page

    • VAT Exempt Discount

    • Shipping VAT…

    • VAT Exempt Discount on the Front-end

    • VAT Exempt Declaration Statement on the Front-end

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Vat Exemption

Go to Admin > Stores > Configuration > Scommerce Configuration > Vat Exempt Settings

General Settings

  • Enabled - Select “Yes” or “No” to enable or disable the module.

  • License Key - Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

Vat Exempt Settings

  • Shipping VAT Exempt - Please Select "Yes/No" to include or exclude shipping from VAT exemption (Default - No).

  • Declaration Statement - Please provide declaration statement. This will be shown in admin along with order details and on the frontend in My Account section.

  • VAT Exempt Title - Please provide title. This will be shown on the checkout page before VAT Exempt message and declaration form (Default - VAT Exempt).

  • Basket VAT Exempt Message - Please add VAT exempt message. This will be shown on the cart/basket page.

  • VAT Exempt Message - Please provide VAT Exempt message. This will be shown on the checkout page under VAT exempt section to users who are applying for VAT exemption. (Default - VAT Exempt products are in your basket so if you are disable or from eligible charity then you should be able to claim VAT exemption from here).

  • Terms and Condition Message - Please provide terms and conditions message. This will be shown on the checkout pages along with checkbox on VAT exempt declaration form.

  • Use Reason as Text Input- Set "Yes" to allow customers to enter their own custom reasons without selecting from the dropdown list

  • Show VAT Exempt - Set "Yes" to show vat exempt form on the checkout otherwise it will be hidden.

  • Next button text- Use this setting to change text for “Next” button on the checkout page.

  • Apply button text- Use this setting to change text for “Apply VAT exempt” button on the checkout page.

  • Cancel button text- SUse this setting to change text for “Cancel VAT exempt” button on the checkout page.

  • More info area- Set "Yes" to add more information about VAT exemption for your customers

VAT Exempt - Reasons

You can create and manage reasons for VAT Exemption from the backend, Admin > VAT Exempt > Reasons > Vat Exempt Reasons. This grid will have columns like, ID, Reason, Status, Action, along with create new button to add new reason.

  • Create New Reason - To create new reason from the backend, go to Admin > VAT Exempt > Reasons > click "Create New" and set below configuration.

  • Reason : Add the reason title

  • Sort Order: Enter sort order

  • Status: Select reason status

Admin Order View Page

  • Declaration Statement on Order View Page - You can see the declaration statement and VAT exemption details on the order view page at, Sales > Orders > Select Order > View.

  • VAT Exemption Details on Order View Page - In the screen grab you can see the Vat exempted amount under ''Order Totals’’ section.

_000000144 Orders Operations Sales Magento Admin (2).png
  • VAT Exemption Option for Admin Orders - For admin orders you can apply for Vat exemption by checking “Apply Vat Exempt” option from Sales > Orders > Create New Order > Select Customer > Add Products > Vat Exemption – check “Apply Vat Exempt”.

Enable VAT Exemption for Products

  • Include or Exclude Product - To include/exclude store products for the VAT exemption, go to Catalog > Product > Select Product > Edit > VAT Exempt - ''Yes/No''.

Front-end Site View

  • VAT Exempt Option on the Cart Page - Apply for Vat Exempt option appears on the cart page and when user opts for this option, then it opens the form on the checkout page after the shipping details to add the required information.

  • VAT Exempt Message on the Cart Page – You can display VAT exempt message on the cart page from Admin > Stores > Configuration > Scommerce Configuration > Vat Exempt Settings > Basket VAT Exempt Message – add message, the added message will be shown on the cart page.

  • VAT Exempt Form on the Checkout Page - When the user enables the module and adds a VAT exempted product to cart then "Apply for Vat Exempt" option appears on the checkout page and check on this option opens the form. On the form “Apply VAT Exempt” and once applied, “Cancel VAT Exempt” buttons are available for VAT exemption claim.

vatExemptForm.png
  • VAT Exempt Discount - You can see the exempted amount on the checkout page under ''Order Summary'' section.

  • Shipping Vat - You can enable shipping Vat exempt by selecting “Yes” for “Shipping VAT Exempt” from Admin > Stores > Configuration > Scommerce Configuration> Vat Exempt Settings > Shipping VAT Exempt - “Yes”. In the below image you can see the exempted Vat is £ 3.05 (Shipping Tax (.41) + Tax (2.64)).

  • VAT Exempt Discount on the Front-end - You can view the VAT exemption information on the front-end under ''My Orders'' section.

VATExemptionDiscountOnFrontendMyAccountViewOrderSection_03.png

VAT Exempt Declaration Statement on the Front-end - My Account -

You can see the VAT exempt declaration statement under My Account > My Order section.

If you have a question related to this extension please check out our FAQ section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 Cancel Order by Customer on the Frontend

Installation and User guide for Magento 2 Cancel Order by Customer on the Frontend Extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Cancel Order

    • General Settings

  3. Front-end Site View for Order Cancellation from My Account Section

    • Cancel Order from My Account Section

    • Cancel Order Popup

    • Notification Message for Cancel Order

    • Cancel Order status (Cancelled)

    • Order Cancellation Email

    • Guest Form

    • Order ID

    • Billing Last Name

    • Find Order By

    • Order Information Page

    • Cancel Order Successfully

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Cancel Order

Go to Admin > Stores > Configuration > Scommerce Configuration > Cancel Order

General Settings

  • Enabled - Select “Yes” or “No” to enable or disable the module.

  • License Key - Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

  • Label – Please provide label text for cancel order link which will be shown on the frontend.

  • Email Sender – Please enter/sender from email address for Order Cancellation email.

  • Email Template for Guest – Please select email template for sending cancellation email to guest customer.

  • Email Template for Registered Customer – Please select email template for sending cancellation email to registered customer.

  • Email BCC – Please add CC email addresses for Order Cancellation emails in comma separated format.

  • Reasons – Select order cancellation reason from the dropdown or select other to define your own reasons. Option “Other” will display a text box on front end, where you can add reason of cancellation.

  • Notification Message – Enter notification message you want to show on frontend for order cancellation.

  • Number of hours to cancel – Please add number of hours valid for order cancellation.

Front-end Site View for Order Cancellation from My Account Section

  • Cancel Order from My Account Section - When you enable the module then it shows "Cancel Order" link on the front-end My Account > My Orders section.

  • Cancel Order Popup - When you click "Cancel Order" button from My Account > My Orders section, it displays a pop up, from where you can add/select your own reasons of order cancellation and by clicking "Cancel Order" button you can cancel order.

  • Notification Message for Cancel Order - After the order cancellation it shows notification message on the front-end.

  • Cancel Order status (Cancelled) - When you cancel the order then it automatically updates the order status from Pending to Cancelled.

  • Order Cancellation Email - After the successful order cancellation, it sends an email notification to the administrator and the customer, below is the sample email for the same.

Confirmation for your order cancellation - jatinnayyar1999 gmail com - Gmail (2)
  • Guest Form - The guest user can cancel order by submitting the Orders and Returns form. Here is the link to access the form Orders and Returns. The form will have the following fields: -

  • Order ID - enter the order Id, you want to cancel.

  • Billing Last Name - enter the last name.

  • Find Order By - select the Email / ZIP code.

  • Email - enter the email address.

  • Order Information Page - After filling the Orders and Returns form when you click “Continue” button, it redirects on order information page, from where you can cancel the order by clicking “Cancel Order” button.

  • Cancel Order Successfully - Once the order is cancelled, it displays the successful cancellation message.

If you have a question related to this extension please check out our FAQ section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 Lazy Load Image

Installation and User Guide for Magento 2 Lazy Load Image

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Optimiser Base

    • General Settings

  3. Configuration Settings for Lazy Loading

    • General Settings

  4. Front-end Screenshots

    • Lazy Loading on the Homepage

    • Home Page Excluded from Lazy Loading

    • Lazy Loading on the Category Page

    • Lazy Loading on the Search Page

    • Lazy Loading on the Cart Page.

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Optimiser Base

Go to Admin > Stores > Configuration > Scommerce Configuration > Optimiser Base

General Settings

  • Enabled – Select “Yes” or “No” to enable or disable the module.

  • License Key – Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

Configuration Settings for Lazy Loading

Go to Admin > Stores > Configuration > Scommerce Configuration > Lazy Loading

General Settings

  • Enabled - Select “Yes” or “No” to enable or disable the module.

  • Loading Icon – Show a preview image before the real image loads.

  • Skip Images Count by page category – Enter a valid image count to skip the images from lazy load. Based on the count this option will decide how many images to load without lazy loading.

  • Ignore Images that Contain – Provide a part of an image tag content into the field to exclude the image from the lazy load.

  • Exclude Pages – Select the page(s) from multi-select options to exclude from the lazy load.

  • Lazy loading for product only on category page – Select “Yes” to apply lazy load on product images only on category page.

Front-end Screenshots

  • Lazy Loading on the Homepage – To implement lazy loading on the homepage, enable the module from Admin > Stores > Configuration > Lazy Loading- Enable "Yes".

  • Home Page Excluded from Lazy Loading – You can exclude homepage images from lazy loading by selecting option "Home Page" from Admin > Stores > Configuration > Lazy Loading > Exclude Pages .

  • Lazy Loading on the Category Page – To implement lazy loading on the category page, enable the module from Admin > Stores > Configuration > Lazy Loading - Enable "Yes".

  • Lazy Loading on the Search Page – You can implement lazy loading on search page from Admin > Stores > Configuration > Lazy Loading - Enable "Yes".

  • Lazy Loading on the Cart Page – You can implement lazy loading on the cart page by enabling the module from Admin > Stores > Configuration > Lazy Loading- Enable "Yes".

If you have a question related to this extension please check out our FAQ section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 AJAX Infinite Scroll

Installation and User Guide for Magento 2 AJAX Infinite Scroll

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Optimiser Base

    • General Settings

  3. Configuration Settings for Infinite Scrolling

    • General Settings

  4. Front-end Site View of Infinite Scroll

    • Infinite Scroll with ‘Load More Button’ on the Category Page

    • Infinite Scroll with Auto Loading on the Category and Search Pages

    • Auto Loading on the Category Page

    • Auto Loading on the Search Page

    • Infinite Scroll with ‘Load More Button’ and Page Number

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Optimiser Base

Go to Admin > Stores > Configuration > Scommerce Configuration > Optimiser Base

General Settings

  • Enabled – Select “Yes” or “No” to enable or disable the module.

  • License Key – Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

Configuration Settings for Infinite Scrolling

Go to Admin > Stores > Configuration > Scommerce Configuration > Infinite Scrolling

General Settings

  • Enabled - Select “Yes” or “No” to enable or disable the module.

  • Loading Type - Select loading type “Load Automatically” or “Load with Button”.

  • Button Label - Enter button label. This will be shown only when the “Loading Type” is set to “Load with Button”.

  • Button Label Font Color - Set font color for "Load with Button" which appears on site front-end.

  • Button Label Background Color - Select button label background color. This will be shown only when the “Loading Type” is set to “Load with Button”.

  • Button Label Size – Define font size for the “Load with Button” which appears on the site.

  • Display Page Numbers (Yes/No) – Select “Yes” to show the page information on the side panel.

  • Grid Dom Class – This is the class for grid view of product listing pages.

  • List Dom Class – This is the class for list view of product listing pages.

Front-end Site View of Infinite Scroll

  • Infinite Scroll with ‘Load More Button’ on the Category Page – You can display the “Load More Button” on the category page by selecting “Load with Button” option from Admin > Stores > Configuration > Infinite Scrolling > Loading Type.

  • Infinite Scroll with Auto Loading on the Category and Search Pages – You can implement auto loading on the category and search pages by selecting the option "Load Automatically" from Admin > Stores > Configuration > Infinite Scrolling > Loading Type.

  • Auto Loading on the Category Page

  • Auto Loading on the Search Page

  • Infinite Scroll with ‘Load More Button’ and Page Number – To display Load More Button with page numbers on category and search pages first select option “Load with Button” from Admin > Stores > Configuration > Infinite Scrolling > Loading Type and then select “Yes “ from Admin > Stores > Configuration > Infinite Scrolling > Display Page Numbers. This will display page numbers with Load More Button as shown in screen grab below.

If you have a question related to this extension please check out our FAQ section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 Previously Ordered Products

Installation and User Guide for Magento 2 Reorder Previous Products Extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Reorder Previous Products

    • General Settings

  3. Hide One or Multiple Columns from the Previous Purchases Grid

  4. Front-end Site view

    • Previous Purchase Grid

    • Hide Columns in the Previous Purchase Grid

    • Add One or Multiple Products to Cart Directly From the Grid

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings forReorder Previous Products

Go to Admin> Stores> Configuration> Scommerce Configuration> Global Site Tag (gtag.js)

General Settings

  • Enabled – Select “Yes” or “No” to enable or disable the module.

  • License Key – Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

  • Hidden Columns – You can hide one or multiple columns from the previous purchases grid. The columns that can be hidden are listed below:-

  • Thumbnail

  • Qty(Quantity)

  • Last Order Date

  • Last Order Number

  • Last Order Price(Ex. tax)

  • Last Order Price(Incl. tax)

  • Current Product Price

  • Number of Orders

Hide One or Multiple Columns from the Previous Purchases Grid

To hide one or multiple columns from the previous purchases grid please go to Admin> Stores> Configuration> Scommerce Configuration> Previous Products.Find the setting named Hidden Columns select one or multiple columns that you want to hide and save the settings.

Front-end Siteview

Previous Purchase Grid

Go to the website and login to your account then navigate to My Account section and from the left menu click on My Previous Products. This grid shows detailed information about all off your previous purchases. You can easily navigate through the list with the help of pagination and selectors. The previous purchases grid will open as shown in the image below:-

Hide Columns in the Previous Purchase Grid

Please go to Admin> Stores> Configuration> Scommerce Configuration >Previous Products and select the columns in Hidden Columns that you want to hide. For eg:- we have selected Thumbnail, QTY, Last Order Price(Incl taxes) and Last Order Price(Excl Taxes). You can see in the image below that these columns are now hidden in the grid.

Add One or Multiple Products to Cart Directly from the Grid

If you want to add one product to cart then click on the checkbox in the selector column then click on Add to Cart from the rightmost column Whereas if you want to add multiple products to cart then select the products that you want to purchase then click on the Add All Selected to Cart button either on the top or bottom of the list.

If you have a question related to this extension please check out our FAQ section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 Social Login

Installation and User Guide for Magento 2 Social Login Extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Social Login

    • General Settings

    • Facebook

    • Google

    • Create Facebook App Id

    • Create Google App Id

  3. Front-end Site View

    • Social Login Options on the Front-end

    • Social Login Options on the Sign In Page

    • Social Login Options on the Registration Page

    • Social Login Options on the Checkout Page

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Social Login

Go to Admin > Stores > Configuration > Scommerce Configuration > Social Login

General Settings

  • Enabled – Select “Yes” or “No” to enable or disable the module.

  • License Key – Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

  • Send Password to Customers – Set yes or no for send password to customers.

  • Show Social Login Buttons on – Select where all you want to show the social login options.

  • Use Popup Login – Set yes or no to enable/disable the popup.

  • Popup Links Selector – Comma-seperated. Compatible: Etheme_YourStore [ dropdown-menu.dropdown-menu—xs-full ]

  • Popup effect – Select pop up appearing effect.

  • Style Management – Select color for the popup.

  • Custom CSS – Enter your Custom CSS.

Facebook

  • Enabled – Select “Yes” or “No” to enable or disable the module.

  • Facebook App Id – Enter your Facebook App Id. To create App Id, check Facebook Developer.

  • Facebook App Secret – Enter your Facebook App secret.

  • Valid OAuth redirect URLs – Enter the redirect URLs.

  • Sort Order – Enter the sort order for display.

Google

  • Enabled – Select “Yes” or “No” to enable or disable the module.

  • Client Id – Enter your Google Client Id. To create Client Id, check Google App.

  • Client Secret – Enter your Secret Id.

  • Redirect Urls – Enter the redirect urls.

  • Sort Order – Sort order for display.

  • Create Facebook App Id - To create Faceook app Id go to Facebook Developers, login as a developer and choose “Create App” in the “My Apps” drop-down.

Specify the “Display Name” and “Contact Email” for your app. After that, click the “Create App ID”.

Go to the Settings > Basic tab to configure your app. The App ID and App Secret will be generated automatically. Fill the App Domains field and choose your app Category.

Click on the “Add Platform” button to choose the platform for your social apps.

After clicking on the Add Platform button you will see the grid with various platform types. Please select Web.

After specifying the platform type, insert your website URL and click on the “Save Changes” button.

Enable the “Client OAuth Login” from Facebook Login > Settings and provide the “Valid OAuth Redirect URLs”.

To apply the configuration, change the Status from “In development” to “Live”.

Insert your Facebook App Id and Secret Key in Facebook settings and Save the configuration.

Create Google App Id – To create Google App go to Google App. Click on the “CREATE PROJECT” button and configure your app settings.

Specify your “Project name”, the project ID will be generated automatically.

Go to the Credentials tab and create a client ID to integrate your website with Google.

Insert your website URL in the required field. In the field “Authorized Redirect URLs” add redirect website URL. Then, press the Create button.

Please copy the Client ID and Client Secret. Insert your API KEY (Client ID) and API Secret (Client Secret) in the appropriate fields in the backend Google settings and save the configuration.

Front-end Site View

  • Social Login Options on the Front-end - When you enable the Facebook and Google logins and select the pages to show social login pop ups from Admin > Stores > Configuration > Scommerce Configuration > Social Login > "Show Social Login Buttons On" - Customer Login Page/ Customer Create Page/Social Popup Login/Shopping Cart/Checkout, then it shows social login options on the respective pages.

  • Social Login Options on the Sign In Page – When you click on “Sign in with Google” then it opens Sign in with Google page.

After successful login, it redirects to My Account page.

  • Social Login Options on the Registration Page

  • Social Login Options on the Checkout Page

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 Substitute Products

Installation and User Guide for Magento 2 Substitute Products Extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Substitute Products

    • General Settings

  3. Assigning Substitute Products

    • Add Substitute Products

    • Order Placed with Substitute Product

  4. Front-End View

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Substitute Products

Go to Admin > Stores > Configuration > Scommerce Configuration >Substitute Products

General Settings

  • Enabled - Select “Yes” or “No” to enable or disable the module.

  • License Key –Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

Assigning Substitute Products

The substitute product should have exactly same configurations as the main product only the SKU will be different. You can create a duplicate product of the main product while creating a new substitute product.

Add Substitute Products

Go to Admin>Catalog>Products, navigate to your product from the list and click on Edit from the action column. Scroll down to find the Subsitute Products tab. Please refer to the image below:-

Click on Enabled to enable the substitute products for this main product. Add the SKU of the product that you want to add as a substitute of this product and add the priority. In case of multiple substitute products you can set the priortiy highest being 0 so that whenever products are out of stock, upon order placement the SKU will be chosen based on the priority set.

Also, as long as the substitute products attached to the main product are not out of stock the main product on the frontend will never show out of stock.

You can add substitute products for several products such as Simple, Configurable, Bundled etc.

Order Placed With Subsitute Products

Suppose our main product is out of stock then when a customer visits the storefront they will always see the product available as long as the substiute product assigned is in stock. Orders placed with the main product will be fullfilled with the subsitute product. Place an order with the main product then go to Admin>Sales>Orders, and select your order. We can see the substitute product SKU in the order detail since main product is out of stock.

Front-End View

We place the order with the main product having sku SubstitutetestMain but since this product is out of stock the order should be fullfilled with the substitute product assigned. Now upon placing the order go to My Account>My Orders and view the order, you will be able to see that the order is placed with the substiute product.

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 Product 360 view

Installation and User Guide for Magento 2 Product 360 view extension

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Antispam Extension

    • General Settings

    • 360 view settings

  3. Add 360 View Images to a Product

  4. Frontend

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Product 360 view

Go to Admin > Stores > Configuration > Scommerce Configuration > Product 360 view

General Settings

  • Enabled – Select “Yes” or “No” to enable or disable the module.

  • License Key – Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

360 View Settings

  • Enable Controls – Select “Yes” or “No” to enable or disable the navigation controls on 360view image.

  • Enable Auto Play – Select “Yes” or “No” to enable or disable automatically spin 360 view image on page load .

  • Autoplay Speed – Enter the speed for automatic spin of 360 view image. It controls the Speed of changing frames for autoplay in milliseconds

  • Drag Speed – Enter the speed with which user can drag on the image. It controls the Speed Factor of changing frames on drag event

  • Reverse Autoplay – Select “Yes” or “No” to enable or disable reverse autoplay.

  • Enable Fullscreen Button – Select “Yes” or “No” to open or close 360 view spin in fullscreen.

  • Magnifier – Select the Magnifier stregnth from dropdown which controls the zoom for the image.

  • Button Position – Select the placement of 360 view button on the frontend.

  • Custom Button Image– Upload custom 360 view button image.

  • Max Popup Width – Enter the maximum width of 360 view popup.

Add 360 View Images to a Product

Login to admin panel and go to Catalog>Products, select a product then click edit from the Action column. Scroll down to find '360 View Images' and upload the images as shown in the below screengrab:-

Frontend

360 View

360 View Full Screen Image

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento 2 Product Reviews

Installation and User Guide for Magento 2 Product Reviews

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Configuration Settings for Product Reviews

    • General Settings

  3. Creating New Review Sliders

  4. Adding Review Slider

    • Category Page

    • CMS Pages

  5. Front-End View

    • Email Field in Review Form

    • Reviews on CMS Pages

    • Reviews on Category Pages

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Installation Via Composer

Configuration Settings for Substitute Products

Go to Admin > Stores > Configuration > Scommerce Configuration >Substitute Products

General Settings

  • Enabled - Select “Yes” or “No” to enable or disable the module.

  • License Key –Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.

  • Email Field Enabled -Set "Yes" to enable the email field in the product review form and set "No" to disable the email field.

Creating New Review Sliders

  • Go to 'Marketing'->'Product Review Slider'

  • Click on 'Add New Slider'

  • In 'slider information' fill the title then go to 'product reviews'. and you will be able to see approved reviews.

  • Select as many reviews as you want and click on 'Save Slider' or 'Save and Continue Edit'

  • You can add this review slider to any category page, CMS page and CMS block

Adding Review Sliders

Category Page

To see reviews under category page.

  • Go to Catalog-> Categories. Select any category.

  • Under ‘Content’ group, go to ‘Product Reviews Slider’ and add one of the Review Slider you have created.

  • Save and clear the caches.

CMS Pages

To see reviews under CMS page(e.g.->home page)

  • Go to Content->Pages. Select any one of the pages.

  • Select the HTML code and click on edit.

  • Click on Insert Widget. Select the Widget type and widget option.

  • Save and clear the caches.

Note:- Similary you add product reviews slider in Blocks using widgets.

Front-End View

Email Feild in Review Form

Once Email field is enabled from the configuration this field is visible in the Product review form:-

Reviews on CMS Pages

We had assigned product reviews slider to the What's New Page the review slider can be seen on the product page.

Reviews on Category Pages

Go to the frontend to that category and reviews will be seen at the bottom of the page.

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.