Menu Close
    Hire us Request quote Reading list Switch to dark mode

    Pack & Combo Product App for Shopify

    Pack & Combo Product app for Shopify lets store owners bring in various products together to create pack as well as combo products 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-effective and at the same time help in increasing your revenue.

    Features

    • The 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.
    • Also, an option of enabling/disabling pack products.
    • Admin can also 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

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

    Pack Product1

    Workflow

    PP2
    Pack Product12

    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

    packpro
    PP5

    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 a 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.

    PP6
    PPP
    PP9

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

    Create Combo

    To create a combo product, the 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.

    Combo Product

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

    Create Combo
    add description

    Clicking on the “Create Combo” button, You will be redirected to the 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 the front end

    Frontend
    Configuration

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

    Sections/product-template.liquid file

    Snippets/product-card-list.liquid file

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

    Follow the below screenshots to know the detailed procedure:

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

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

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

    Edit Codes

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

    Import Products

    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.

    Set date range

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

    Frontend View

    combo 2 – pack product demo

    Once you create the packed product on the app and paste the above-given codes in respective .liquid files then pack product will display on the front end of your shop as shown in the below image:

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

    Pack & Combo PRoduct

    This is how the Pack Product app works.

    SHOPIFY PACK & COMBO PRODUCT APP Demo Details

    Moreover, check the demo:

    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

    Also, for any kind of technical assistance, just raise a ticket at

    http://webkul.uvdesk.com/ and for any doubt contact us at support@webkul.com

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just received your message and our expert will get back to you shortly.
    Send Again
    Close

    Table of Content

    Hide Index