Features of Bundle Product<\/h3>\n<\/div>\n<\/div>\n\n\n- Define the number of bundles to show on the bundle page.<\/li>\n
- Define the number of bundles to show on a product page.<\/li>\n
- Set the front-end title of the bundle product page.<\/li>\n
- Display description on the bundle product page.<\/li>\n
- Choose the bundle product availability dates.<\/li>\n
- Show or hide units available of the bundle product.<\/li>\n
- Calculate bundle discount using fixed or percentage method.<\/li>\n
- Set the sort order of the bundle products.<\/li>\n
- Enable or disable each bundle product status.<\/li>\n
- The customers can select the product options in the bundle.<\/li>\n
- Show bundle discount value in cart and checkout.<\/li>\n
- Supports multiple languages translations.<\/li>\n
- The module source code is open for customization.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
Language Translation<\/h3>\n<\/div>\n<\/div>\n\n\nThe module supports multiple languages, please click here<\/a> to read about Opencart language installation and translation.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nInstallation of Bundle Product<\/h3>\n<\/div>\n<\/div>\n\n\nUpload Folders<\/h3>\n
First, extract the downloaded zip file. After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system. Then, upload admin<\/strong>, catalog <\/strong>and system <\/strong>folders\u00a0to the\u00a0Opencart root directory.<\/p>\n![\"Bundle](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/root-1.png\")
<\/p>\n
Upload XML<\/h3>\n
Now log in to admin backend and navigate to Extensions>Installer<\/strong>. Click the Upload<\/strong> button and browse the XML file<\/strong>, this file is in the ocmod<\/strong> folder. Please select the correct ocmod folder. According to your Opencart version installed in your system.<\/p>\nClick Continue<\/strong> after uploading the XML file.<\/p>\n![\"Extension-Installer-2\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Extension-Installer-2.png\")
<\/p>\n
Refresh Modifications<\/h3>\n
After uploading the XML file, please navigate through Extensions>Modifications<\/strong>. Now, click the Refresh<\/strong> button in the top right corner as visible in the screenshot.<\/p>\n![\"Modifications-6\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Modifications-6.png\")
<\/p>\n
Edit User Groups<\/h3>\n
After that, go to System>Users>Usergroups<\/strong>. And then, edit \u2018Administrator<\/strong>\u2019. Click Select All<\/strong> for both Access Permission<\/strong> and Modify Permission<\/strong> and Save it.<\/p>\n![\"User-Groups-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/User-Groups-1.png\")
<\/p>\n
Install-Module<\/h3>\n
Now, navigate to Extensions>Modules<\/strong>. Find Webkul Bundle Product<\/strong> from the list. Click the Install<\/strong> button.<\/p>\n![\"Extensions\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Extensions.png\")
<\/p>\n<\/div>\n<\/div>\n<\/div>\n
\n\n\nModule Configuration<\/h3>\n<\/div>\n<\/div>\n\nAfter the module installation, the admin needs to go to Extensions>Modules>Webkul\u00a0Bundle\u00a0Product<\/strong> and click Edit<\/strong>.<\/p>\n![\"Extensions-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Extensions-1.png\")
<\/p>\n
Bundle Product Settings<\/strong><\/p>\nAfter clicking the Edit<\/strong> button, the following options will be available for configuring the module:<\/p>\nStatus<\/strong> – Select Enabled<\/strong> to show bundle products on the store. Else select Disabled<\/strong> for hiding the bundle products on the store. Note:<\/strong> If Disabled is selected, it will also hide the bundle products button on top.<\/p>\nBundle Limit Per-Page<\/strong> – Enter the number of bundles to display on the bundle products page.<\/p>\nMaximum Products Per Bundle<\/strong> – Enter the number of maximum product per bundle.<\/p>\nBundle Limit on Module<\/strong> – Enter the bundle limit for all pages except bundle page and bundle product page.<\/p>\nTitle for Bundle Page<\/strong> – Enter the front-end title for the bundle products page.<\/p>\nDescription for Bundle Page<\/strong> – Enter the description which will appear on the bundle product page.![\"Webkul-Bundle-Product-1-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Webkul-Bundle-Product-1-1.png\")
<\/p>\n<\/div>\n\nBundle Product Module<\/strong><\/p>\nTo display bundles on the product page, the admin needs to navigate to Design>Layouts<\/strong>. Edit the Product page and then, select the Webkul Bundle Product<\/strong> module and click Save<\/strong>.<\/p>\n![\"Bundle](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/OC_bundle_design_category.png\")
<\/p>\n
Order Totals<\/strong><\/p>\n<\/div>\n\nTo allow bundle discount to customers, the admin needs to go to Extensions>Order Totals <\/strong>and click Edit<\/strong> in Bundle Discount. \u00a0The admin has to enable the bundle discount status for offering bundle discount to customers.<\/p>\n![\"Bundle](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/OC_bundle_order_total.png\")
<\/p>\n
The following page will open, set the status as Enabled to offer bundle discount to customers. Else, select disabled and the bundle discount will not appear in the cart and checkout.<\/p>\n
![\"Bundle](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/OC_bundle_order_total_edit.png\")
<\/p>\n<\/div>\n<\/div>\n
\n\n\nManage Bundle Products<\/h3>\n<\/div>\n<\/div>\n\nAfter enabling the module status, the admin will find the Bundle Product menu option as visible in the screenshot. To manage bundle products go to Bundle Product>Manage Bundle Product<\/strong>, the following page will open.<\/p>\nThe admin will see the list of all the bundle products of the store. The table will show bundle ID, bundle name, bundle validity, quantity, and status.<\/p>\n
Filter<\/strong> – Admin can filter the Bundle Name from Bundle product list.<\/p>\nAdd<\/strong> – Click the Add button to create a new bundle product.<\/p>\nDelete<\/strong> – Click Delete button to remove an existing bundle product.<\/p>\nEdit<\/strong> – Click the Edit button to update an existing bundle product.<\/p>\n![\"Bundle](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/OC_product_search.png\")
<\/p>\n
Add Bundle Product<\/strong><\/p>\nAfter clicking the Add button, the admin needs to provide the following information about the bundle product.<\/p>\n
Bundle Title<\/strong> – Enter the bundle product title which will appear on the store.<\/p>\nAdd Products<\/strong> – Select and add the products in the bundle.<\/p>\nCategories<\/strong> – Enter the category of the bundle product.<\/p>\nDate<\/strong> – Select the bundle product availability dates. Valid From and Valid To.<\/p>\nUnits Statu<\/strong>s – Select Yes for displaying bundle available quantity on the front-end. Else, select No for hiding the bundle available quantity.<\/p>\nUnits Available<\/strong> – Enter the available bundle quantity.<\/p>\nDiscount Option<\/strong> – Select how to calculate the bundle discount – Percentage or Fixed.<\/p>\nAdd Discount<\/strong> – Enter the discount value here.<\/p>\nSort Order<\/strong> – Set the order sequence of the bundle product.<\/p>\nStatus<\/strong> – Set the status of the bundle product as Enabled<\/strong> or Disabled<\/strong>. If Disabled, the bundle product will not be visible in the store.<\/p>\n![\"Manage-Bundle-Product-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Manage-Bundle-Product-1.png\")
<\/p>\n<\/div>\n<\/div>\n
\n\n\nUser Front-End View<\/h3>\n<\/div>\n<\/div>\n\n\nBundle Product Page<\/strong><\/p>\nThe customers can view the bundle products of the store by clicking the Bundle Products link on top. The following page will open showing bundle product title and description. All the available bundle products of the store will appear here.<\/p>\n
Each bundle will show the product name, price, image, available units, and bundle discount details.<\/p>\n
![\"Bundle](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/OC_bundle_new_UI1.png\")
<\/p>\n
Bundle Product Options<\/strong><\/p>\nIf a product in the bundle has any options available, the customers can select it. After selecting the option, the customers can click Add to Cart button for adding all the bundle items to the cart.<\/p>\n
![\"Bundle](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/OC_Cart1.png\")
<\/p>\n
Shopping Cart<\/strong><\/p>\nThe bundle discount value will be visible in the shopping cart.<\/p>\n
![\"Bundle](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/OC_shopping_Cart1-1.png\")
<\/p>\n
Checkout<\/strong><\/p>\nThe bundle discount value will also be visible in the checkout process at the\u00a0confirm order step.<\/p>\n
![\"Bundle](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/OC_bundle_checkout-1-e1637928705664.png\")
<\/p>\n
Bundles on Product Page<\/strong><\/p>\nApart from seeing the bundles on the bundle page, the customers can see the bundles on the product page as well. Note –<\/strong> Bundles will only appear if a product is a part of the bundle. Other bundles will not appear here.<\/p>\n![\"Bundle](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/OC_bundle_product_new_UI.png\")
<\/p>\n<\/div>\n<\/div>\n<\/div>\n
Thank you for viewing this blog. If you have any queries or need more information, please contact webkul.uvdesk.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
- \n
- Define the number of bundles to show on the bundle page.<\/li>\n
- Define the number of bundles to show on a product page.<\/li>\n
- Set the front-end title of the bundle product page.<\/li>\n
- Display description on the bundle product page.<\/li>\n
- Choose the bundle product availability dates.<\/li>\n
- Show or hide units available of the bundle product.<\/li>\n
- Calculate bundle discount using fixed or percentage method.<\/li>\n
- Set the sort order of the bundle products.<\/li>\n
- Enable or disable each bundle product status.<\/li>\n
- The customers can select the product options in the bundle.<\/li>\n
- Show bundle discount value in cart and checkout.<\/li>\n
- Supports multiple languages translations.<\/li>\n
- The module source code is open for customization.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
Language Translation<\/h3>\n<\/div>\n<\/div>\n
\n\nThe module supports multiple languages, please click here<\/a> to read about Opencart language installation and translation.<\/p>\n<\/div>\n<\/div>\n<\/div>\n
\n\n\nInstallation of Bundle Product<\/h3>\n<\/div>\n<\/div>\n
\n\nUpload Folders<\/h3>\n
First, extract the downloaded zip file. After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system. Then, upload admin<\/strong>, catalog <\/strong>and system <\/strong>folders\u00a0to the\u00a0Opencart root directory.<\/p>\n
<\/p>\nUpload XML<\/h3>\n
Now log in to admin backend and navigate to Extensions>Installer<\/strong>. Click the Upload<\/strong> button and browse the XML file<\/strong>, this file is in the ocmod<\/strong> folder. Please select the correct ocmod folder. According to your Opencart version installed in your system.<\/p>\n
Click Continue<\/strong> after uploading the XML file.<\/p>\n
<\/p>\nRefresh Modifications<\/h3>\n
After uploading the XML file, please navigate through Extensions>Modifications<\/strong>. Now, click the Refresh<\/strong> button in the top right corner as visible in the screenshot.<\/p>\n
<\/p>\nEdit User Groups<\/h3>\n
After that, go to System>Users>Usergroups<\/strong>. And then, edit \u2018Administrator<\/strong>\u2019. Click Select All<\/strong> for both Access Permission<\/strong> and Modify Permission<\/strong> and Save it.<\/p>\n
<\/p>\nInstall-Module<\/h3>\n
Now, navigate to Extensions>Modules<\/strong>. Find Webkul Bundle Product<\/strong> from the list. Click the Install<\/strong> button.<\/p>\n
<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nModule Configuration<\/h3>\n<\/div>\n<\/div>\n
\nAfter the module installation, the admin needs to go to Extensions>Modules>Webkul\u00a0Bundle\u00a0Product<\/strong> and click Edit<\/strong>.<\/p>\n
<\/p>\nBundle Product Settings<\/strong><\/p>\n
After clicking the Edit<\/strong> button, the following options will be available for configuring the module:<\/p>\n
Status<\/strong> – Select Enabled<\/strong> to show bundle products on the store. Else select Disabled<\/strong> for hiding the bundle products on the store. Note:<\/strong> If Disabled is selected, it will also hide the bundle products button on top.<\/p>\n
Bundle Limit Per-Page<\/strong> – Enter the number of bundles to display on the bundle products page.<\/p>\n
Maximum Products Per Bundle<\/strong> – Enter the number of maximum product per bundle.<\/p>\n
Bundle Limit on Module<\/strong> – Enter the bundle limit for all pages except bundle page and bundle product page.<\/p>\n
Title for Bundle Page<\/strong> – Enter the front-end title for the bundle products page.<\/p>\n
Description for Bundle Page<\/strong> – Enter the description which will appear on the bundle product page.
<\/p>\n<\/div>\n\nBundle Product Module<\/strong><\/p>\n
To display bundles on the product page, the admin needs to navigate to Design>Layouts<\/strong>. Edit the Product page and then, select the Webkul Bundle Product<\/strong> module and click Save<\/strong>.<\/p>\n
<\/p>\nOrder Totals<\/strong><\/p>\n<\/div>\n
\nTo allow bundle discount to customers, the admin needs to go to Extensions>Order Totals <\/strong>and click Edit<\/strong> in Bundle Discount. \u00a0The admin has to enable the bundle discount status for offering bundle discount to customers.<\/p>\n
<\/p>\nThe following page will open, set the status as Enabled to offer bundle discount to customers. Else, select disabled and the bundle discount will not appear in the cart and checkout.<\/p>\n
<\/p>\n<\/div>\n<\/div>\n\n\n\nManage Bundle Products<\/h3>\n<\/div>\n<\/div>\n
\nAfter enabling the module status, the admin will find the Bundle Product menu option as visible in the screenshot. To manage bundle products go to Bundle Product>Manage Bundle Product<\/strong>, the following page will open.<\/p>\n
The admin will see the list of all the bundle products of the store. The table will show bundle ID, bundle name, bundle validity, quantity, and status.<\/p>\n
Filter<\/strong> – Admin can filter the Bundle Name from Bundle product list.<\/p>\n
Add<\/strong> – Click the Add button to create a new bundle product.<\/p>\n
Delete<\/strong> – Click Delete button to remove an existing bundle product.<\/p>\n
Edit<\/strong> – Click the Edit button to update an existing bundle product.<\/p>\n
<\/p>\nAdd Bundle Product<\/strong><\/p>\n
After clicking the Add button, the admin needs to provide the following information about the bundle product.<\/p>\n
Bundle Title<\/strong> – Enter the bundle product title which will appear on the store.<\/p>\n
Add Products<\/strong> – Select and add the products in the bundle.<\/p>\n
Categories<\/strong> – Enter the category of the bundle product.<\/p>\n
Date<\/strong> – Select the bundle product availability dates. Valid From and Valid To.<\/p>\n
Units Statu<\/strong>s – Select Yes for displaying bundle available quantity on the front-end. Else, select No for hiding the bundle available quantity.<\/p>\n
Units Available<\/strong> – Enter the available bundle quantity.<\/p>\n
Discount Option<\/strong> – Select how to calculate the bundle discount – Percentage or Fixed.<\/p>\n
Add Discount<\/strong> – Enter the discount value here.<\/p>\n
Sort Order<\/strong> – Set the order sequence of the bundle product.<\/p>\n
Status<\/strong> – Set the status of the bundle product as Enabled<\/strong> or Disabled<\/strong>. If Disabled, the bundle product will not be visible in the store.<\/p>\n
<\/p>\n<\/div>\n<\/div>\n\n\n\nUser Front-End View<\/h3>\n<\/div>\n<\/div>\n
\n\nBundle Product Page<\/strong><\/p>\n
The customers can view the bundle products of the store by clicking the Bundle Products link on top. The following page will open showing bundle product title and description. All the available bundle products of the store will appear here.<\/p>\n
Each bundle will show the product name, price, image, available units, and bundle discount details.<\/p>\n
<\/p>\nBundle Product Options<\/strong><\/p>\n
If a product in the bundle has any options available, the customers can select it. After selecting the option, the customers can click Add to Cart button for adding all the bundle items to the cart.<\/p>\n
<\/p>\nShopping Cart<\/strong><\/p>\n
The bundle discount value will be visible in the shopping cart.<\/p>\n
<\/p>\nCheckout<\/strong><\/p>\n
The bundle discount value will also be visible in the checkout process at the\u00a0confirm order step.<\/p>\n
<\/p>\nBundles on Product Page<\/strong><\/p>\n
Apart from seeing the bundles on the bundle page, the customers can see the bundles on the product page as well. Note –<\/strong> Bundles will only appear if a product is a part of the bundle. Other bundles will not appear here.<\/p>\n
<\/p>\n<\/div>\n<\/div>\n<\/div>\nThank you for viewing this blog. If you have any queries or need more information, please contact webkul.uvdesk.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"