Demos Buy Now

SHOPIFY PACK & COMBO PRODUCT APP

Shopify Pack & Combo Product app lets store owner to bring in various products together to create pack as well as combo product for sale on eCommerce stores with many more amazing features.

The Package can be created by adding two or more than two types of products in the pack just with few clicks and update a new price of the package for the customers who purchase it. While creating a Combo, You can add various products in it and customers will purchase the combo product by selecting proper variant, size, shipment separately for each product available in that Combo.

Introducing this app to your online store that will encourage customers to buy the pack & Combo products as they are cost efficient and at the same time help in increasing your revenue.

Features

  • Store owner can create multiple Pack & Combo products.
  • Edit, View and delete the pack & combo products and its constituents.
  • View All The Pack & Combo Details .
  • Assign differentiated products in one pack.
  • Automatically manages the stock and its quantity.
  • Option of enabling/disabling pack products .
  • Admin can import products from Shopify Store into the app by selecting a date span.
  • A Confirmation Mail Sent To Buyer .
  • Cross browser compatible.
  • Easily configured and user friendly.

Video Guide

Shopify Pack Product Installation and Configuration

Installation

On Landing Page you will find the “install” button. Enter the shop url where you want to install the app.

Workflow

After the installation, you need to buy the monthly plan available for this app. Once the payment is done for the plan,the App will be listed here. :

Clicking on which you will be redirected to the app straight-away.

Configuring the Module

To configure this amazing app will take just a few seconds of yours.It is Divided into two parts :
General Configuration.
Mail Configuration.
General Configuration : here you have to mention the url of your store for which you want to install the app along with Email id and click on the save button to save the general configuration.
Mail Configuration : enter the email Subject and email content & save the mail configuration of this fabulous app from here and go ahead create your pack & combo products .

Create Pack

To create a pack product ,you can initiate the process by clicking on ‘Create pack’ on the home page of the app or by visiting the pack product section and clicking on the Create Pack button.
The pack product section shows list of all the pack products created by you which can be enabled/disabled,viewed ,edited or deleted from here. The pack products can be filtered/searched from here as well just by entering either of pack product Id/pack product name/pack product quantity.

Once you will click on the create pack button , you will be redirected to the pack product creation page where you will required to fill in the details and add products to the pack along with the price offered and actual price.
The pack product once created can be edited as well.

Create Combo

To create a combo product, admin needs to visit the “Combo Product” section of the app and there you need to click on the create combo button to create a combo of multiple products. All the product combo that you create will be listed here in this section of the app. You can anytime enable/disable, edit or delete the combo, if required.

The Combo products can be filtered or searched by ID, Combo Name or Combo Count.

Clicking on the “Create Combo” button, You will be redirected to Combo product creation page and there you need to enter the Combo Name, Select Products, Description, Collection, Tag and image of your combo product. Once done, click on the Save button to create the combo.

How to display pack & Combo Products on front end

You have to Copy the below given code and paste it to product.liquid &amp product-loop.liquid file respectively.
as mentioned in the below image :

For Sections/product-template.liquid file

< div id="wk_product" > </div>

For Snippets/product-card-list.liquid file

< div class="wk_pack_product" > < input class="wk_product_id" type="hidden" value="{{product.id}}"> </input> </div>

For Sections/product-template.liquid file (To Hide Add to Cart Button)

{% if product.type != "combo_product" %} 
{% endif %}

Follow the below screenshots to know the detailed procedure :

To display the Pack product on frontend, follow the below process :

    • Click on Online Store .
    • Go To Themes.
    • Click on Edit Code button from drop down in Action menu.

Select Product.liquid file and product-loop.liquid from the Templates where you want to show the link

Paste the code then click on save button to save the changes:

Import Products

From this section of the app, You can import your Shopify Store’s products into the app by selecting a date span. All you need to do is visit the “Import Product” section of the app and clicking on the “Import Product” button, you can select a particular date range and import the products from Shopify store into the app.

NOTE:- You need to import the products from Shopify store into App for the first time only once you install the app. Further the products you add from your shopify stores will be fetched automatically into the app.

Frontend View

Once you have created the pack product on the app and have pasted the above given codes in respective .liquid files then pack product will get displayed on the front end of your shop as shown in the below image :

Similarly, the Combo product will be visible like this on frontend.

This is how the Pack Product app works.

Demo Details

ADMIN DEMO:  https://pack-combo-demo.myshopify.com/admin/auth/login

Email Id : johndoe@webkul.com

Password : demowebkul

Frontend Demo of Combo Product: https://pack-combo-demo.myshopify.com/collections/combo-product

Frontend Demo of Pack Product: https://pack-combo-demo.myshopify.com/collections/pack-product

Support

For any kind of technical assistance, just raise a ticket at : http://webkul.uvdesk.com/ and for any doubt contact us at shopify@webkul.com

. . .

Comment

Add Your Comment

Be the first to comment.

css.php

Index