Menu Close
    Hire Us Request Quote Reading List Switch to Dark Mode

    Multivendor Marketplace for Shopify: Seller Profile Page Settings (New Theme)

    We have updated the Multivendor Marketplace app for Shopify and is now available with a new feature of Seller Profile Page.

    Each seller will have their respective seller profile page on admin’s Marketplace where all the products of that seller will be displayed itself.

    This User Guide will help you to understand how an admin can customize it as per his/her requirements.

    All the products of that particular Seller will be displayed on each seller’s profile page. There will be a separate section of reviews given to that seller, policies & description (if added by the seller). Also, there will be a Feedback section from where customers will give their feedback for the seller’s products.

    Now, from the Seller Profile Page Settings menu, you can customize the seller’s profile page by editing/changing the content of the page. In addition to it, you can change the content position of the profile page, show/hide content, change the theme as well.

    If you want the customers to get redirected to the seller’s profile page, you have to paste the code in product.liquid template file mentioned in the configuration page. After pasting the code, a seller link will be displayed on the product description page. By clicking the link, you will be straightaway redirected to the seller’s profile page.

    Admin can also create a menu of Seller Listing Page on his/her store by referring to below-given steps:

    • Visit Shopify Store Backend
    • Click “Online Store”
    • Go to Navigation
    • Click on Main Menu (if Created otherwise Add Menu)
    • Enter Title and Link of Profile Page.
    • Lastly, click on Add & Save the Menu.

    This way, you can add a Seller Listing Page menu to your store’s frontend.

    Features

    • Option to Show/Hide the content on the profile page of Sellers.
    • You can write your own CSS for further changes in the profile page
    • Admin can choose the position of Seller’s Page content to be displayed on Seller’s description page.
    • You can upload a banner image or a background video to display on Seller’s profile page.
    • Admin can select the Theme for the Profile Page.

    Admin can now edit the Theme code for Seller Profile Page. You will get the variables to edit the theme template and customize CSS of the profile page.

    Seller Profile Page Settings

    Admin will follow the below steps to visit Seller Profile Page Settings section:

    Multivendor App Admin Panel>>Go to Sellers>>Seller Profile Page Settings (from the drop-down menu).

    Following are the fields admin can set up for Seller’s profile pages:

    1. Seller Profile Page Theme

    From this section, you can select the Theme of your Seller’s profile page. You can click the radio button & choose the theme of your choice.

    Theme 1

    In Theme 1, You will get an option to edit the theme code as well. You can customize CSS and edit the theme template of the profile page as per your choice.

    After clicking the Edit Theme Code button, you will get the option to edit the Theme template & edit CSS for the seller’s profile page.

    As soon as you edit any code and Save it, the “Publish” button gets enabled. Now, to make the changes work for the seller page, you need to publish the edited code.
    Please note that if you have saved the edited code and not published it then, the default code will work for the profile page.

    Moreover, clicking on the Preview button, you can preview the change you made for each seller’s profile.

    Admin can anytime restore the default code by clicking the “Restore to Default” button.

    FILTER OPTION IN THEME 1

    If you want to filter any seller’s products by Category, Tag or Type on the seller profile page then, you can provide this option in Theme 1.

    For this, you need to enable the “Restrict Collection”, “Restrict Tag” & “Restrict Type” tab from the “Restriction Configuration” menu of the app.

    This filter option will be visible like this on the seller profile page:-

    NOTE:- The Edit Theme Code feature is available only in Theme 1. 

    Moving on to the other options available in all the Themes to set profile pages of your sellers…

    You will also get an option to select the color of Seller’s rating star.

    Also, you can select the default “Sort by” option for the profile page. This is up to you that how you want your seller’s profiles to be listed on the page.

    You can also upload a default banner for your seller’s profile page either as Banner Image or Background Video.

    Additionally, you can Show or Hide the content of Profile Page as per your requirement.

    NOTE:- The Show/Hide Seller Page Content Option is available only in Theme 1.

    You can anytime re-position the Toggle Logo and Description on the profile page.

    Admin can also write his/her own CSS for Profile Page.

    If you select Theme 1, sellers page will look as shown in the screenshot below:

    Theme 2

    Similarly, you can check the features for Theme 2 as well.

    Once you select Theme 2, the Profile Page will be visible like this as shown in the screenshot below:

    Theme 3

    Similarly, you can set your seller’s profile page using Theme 3 as well.

    If you select Theme 3, seller page will look as shown in the screenshot below:

    These are the 3 ways to show Seller Profile Page.

    How can Seller upload a banner for the seller profile page

    To upload banner on the seller profile page, the seller has to visit My Account page from the Profile menu.

    On My Account page click on ‘Upload Banner’ to upload banner on the seller profile page.

    Once you click on Upload Banner, the box will open where you will get the option to upload the Image as well as video.

    Sellers can also remove the banner from the “My Account” section.

    How to upload the video on the seller profile page

    Sellers can upload video by clicking on the video as shown in the above screenshot.

    After clicking on Video a new box will open where you have to enter YouTube embedded link.

    How to get Youtube Embedded code

    Open the video on Youtube which you want to upload on the seller profile page.
    Now click on the share button and click on the embed link.

    Copy that ’embed Url’ from there and pastes it in the URL box shown above.

    How to Upload Logo on the Seller profile page

    How can a Seller upload his/her Shop LOGO? 

    The seller can upload the Logo from the “My Account” menu of his/her profile.

    Now click on upload image as shown in the screenshot below:

    After clicking on ‘Upload Image’ box will open then click on upload image, then select the image you want to upload for the logo, to display on seller profile page then click on save.

    Now, admin can also upload Seller Shop Logo from his/her admin Panel of the Multivendor App.

    Admin needs to follow the below procedure to Upload Logo for his/her Seller:

    Multivendor admin panel>>Go to Sellers>>Click “Seller Listing” from the drop-down menu>>Select the seller to upload his store logo>>Click on “Edit” from Action menu>>Scroll down and Upload the Logo>>Save Changes.

    Admin End

    Now, go to Edit Seller Section and Upload the Shop Logo of that Particular seller from admin panel.

    To display Logo on the product description page, paste the below code on product.liquid template:
    <div class="wk_seller_store_logo" data-productid ="{{product.id}}"></div>
    To display Seller Profile Picture Link on the product description page, paste the below code on product.liquid template:
    <div class="wk_seller_detail_logo" data-productid ="{{product.id}}"></div>

    Follow the below process to paste the code:

    • Go To Themes
    • Click on Customize Theme button
    • Click on Edit HTML/CSS button
    • Select product.liquid file from the Templates where you want to show the link
    • Paste the code
    • Click on save

    Edit/Change the Labels of the field

    Admin can edit or change the labels as per requirement.

    Go to Sellers “Shop Page Settings” from the main menu of the app as shown below.

    You can change the labels as shown in below screenshot:

    Display of seller products on the seller profile page

    All the products of that particular seller will be displayed on the seller profile page itself.

    Updated seller profile page with the banner and the configuration set by admin will look like this.

    Demo

    Use below link and credentials to use the demo of the multivendor marketplace App for Shopify:-

    https://multivendor-marketplace-5.myshopify.com/pages/seller-profile

    Support

    In case of any further query, feel free to raise a ticket at http://webkul.uvdesk.com/ or drop a mail at support@webkul.com

    Thanks for reading this blog!!! 🙂

    . . .

    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