Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    shopify-hyperlocal-marketplace-guide

    Custom Product Options: Multi-vendor Marketplace for Shopify

    The Multi-vendor Marketplace app has now come up with the custom product options feature. With this featured app, you can allow sellers to add custom options to products that they sell on your marketplace.
    Thus, let the customers provide additional information about the product while purchasing it.

    Features

    • Let customers add additional information about the products while purchasing it.
    • Allow customers to make more choices while purchasing a product.
    • Provide a better shopping experience for your customers.
    • Get a boost to your online sales.
    • Enable Toggle Checkbox and let customers pay for the custom options added.

    Limitations

    There are certain limitations of this featured app:-

    • Cart Type should not be “Drawer”.
    • Make sure that you have disabled the notification option on your Shopify store when a product is added to the cart.

      Go to Theme Editor>>Theme Settings>>Select “Cart” from drop-down>>Click Add to cart notification>>Disable the option “Show notification when item is added to cart”.
    • You can create a maximum of 10 custom options for a product.
    • The File Type is Theme Dependent.

    Enable the Feature App

    Visit the Feature app section and enable the Custom Options feature app.

    Visiting the feature App section, search for the featured app & enable it.

    Click the Enable button to activate the Custom Option feature app.

    Configuration

    To allow sellers to add custom options to the products, firstly you need to enable the configuration from the Product Configuration menu of the app.

    Now, enable the tab “Allow Sellers to Add Custom Options to Products“.

    Once enabled, both you & your sellers will be able to add multiple custom product options while adding or editing a product.

    How to Add the Custom Product Options?

    ADMIN END

    • On the Multi-vendor admin panel, go to the Products.
    • Click the Product Listing menu under Products.
    • Click the Add Product button.
    • Now, scroll down to the bottom and add the custom options.
      This feature app provides 3 different ways to display your seller’s products with custom options i.e. Text, Text Area, File.

    SELLER END

    Similar to the admin, the seller can also add the custom product options to their products published on the admin’s marketplace.

    • For that, the seller needs to login to his/her seller panel.
    • After that, go to the “Products” and click “Product Listing” to get the option to add/edit a product.
    • Clicking the “Add Product” button, the seller will get redirected to the “Add product form” and fill the required form.
    • Scrolling-down to bottom, the seller will have the option to add multiple custom product options.

    NOTE:- Single quote(‘), double quote(“), double colon(::), comma(,) are not allowed in the field name.
    Instead, you can use a vertical bar/pipe (|) as a separator.

    Please Note:- The File Type is Theme Dependent.

    Lastly, click the save button.

    Now, to display the same with the product on the store-front, you need to add a code to the respective liquid file. To get the code, please visit the “Instruction for Marketplace” section.

    Configure Front

    To configure your store-front, you need to follow the below-given steps:

    • Go to the Multi-vendor Admin Panel.
    • Visit the “Instruction for Marketplace” under the Configuration menu.
    • Get the code.

    Copy the below-given code and add it to product.liquid template file inside the form tag:

    In case, you haven’t found the required template file? – Click on the ‘Regenerate‘ button to create a new one.

    And that is how it appears on the store-front:

    After filling all the custom information for this product, the customer will add this product to the cart. Thus, they can view the added information on the cart page also.

    Now, once this product is ordered, both you and your sellers can view the custom information about the product on the order detail page.

    Toggle Checkbox As Custom Option

    You can now have the Toggle Checkbox as an “input type” for a custom option added to a product. While adding a custom option to a product, you can enter the field name and choose Toggle Checkbox.

    Now, in case you want to charge an additional amount for the custom option, enable the price option, and enter the amount you want to charge in addition to the product price.

    Example:-
    Let Suppose, you sell watches on your store. You want to provide a custom option on a product to let customers purchase products with warranties.
    In this case, you can add custom options to the product by enabling a Toggle Checkbox. Now, the customer who wants to purchase the product with a warranty, can enable the checkbox and the warranty amount will be added to the product price at checkout.

    You can add custom options while adding/editing products to your store. Go to Products>>Add Product/Edit Product>>CUSTOM OPTIONS>>Enter Field Name, Select TOGGLE CHECKBOX, Enable Price for Custom Option & Enter Amount you want to charge>>Save.

    To reflect this on the front end, you need to add codes provided in the “Instruction for Marketplace” menu in the app.

    If you don’t find the files, click the Regenerate button. In case you need help with the codes, you can drop a mail to support@webkul.com.

    After adding the codes, this is how it appears on the front end.

    To make this feature work with the split cart feature app, make sure to enable the product properties in the split cart configuration.

    Demo

    Check the demo of the Multi-vendor Marketplace App: https://multivendor-marketplace-5.myshopify.com/

    If you need any kind of support, just raise a ticket at http://webkul.uvdesk.com/ or feel free to drop a mail at support@webkul.com.

    Hope you like this blog. Keep in touch with us for more interesting blogs.

    . . .

    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 recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index