Theme 4 code for Seller Tags & Categories: Multi-Vendor Marketplace for Shopify

If you are using Seller Tags & Categories: Multi-Vendor Marketplace for Shopify, filter option on the basis of categories & tags is by-default activated for themes 1,2 & 3.

In case you need the same for theme 4 as well, you need to add the following codes in the given template:

CODE I

Instruction: Add this to the top of the file: Edit Theme Template (Multivendor Admin Panel > Sellers > Seller Profile Page Settings > Seller Listing Theme Edit)

{if $include_fa}<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">{/if}

CODE II

Instruction: Add this after <!-- sort by and search block end --> line: Edit Theme Template (Multivendor Admin Panel > Sellers > Seller Profile Page Settings > Seller Listing Theme Edit)

{if $store_pickup_active == 1 || $seller_time_slot_active == 1 || ($seller_tags_and_category_active && (!empty($seller_categories) || !empty($seller_tags)))}
   <div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
    {if $store_pickup_active == 1 || $seller_time_slot_active ==1}
     <div id="filter_div" >
      <div class="wk-filter-desktop">
        <div id="filter-type-block" style=" margin-bottom:15px;">
        <button class="" style="margin-bottom:5px;">Filters </button>
        <div id="filter-pickup-and-availability" class="wk_seller_panel">
           <ul>
            {if $store_pickup_active == 1}
            <li class="pointer" id ="wk_store_pickup_filter">
               <label class="wk-checkbox" >
                <input class="hidden" type="checkbox" name="filter[]" data-filter_for="filter-pickup-and-availability" value="1" {if $pickup_val == 1}checked{/if}>
                <!-- <input type="checkbox" data-for = "pickup" value="1" {if $pickup_val == 1}checked{/if}> -->
<div class="checkmark"></div>
<div class="wk-filter-name">Only Store Pickup</div>
</label>
</li>
<li class="pointer" id ="wk_both_filter">
<label class="wk-checkbox" >
<input class="hidden" type="checkbox" name="filter[]" data-filter_for="filter-pickup-and-availability" value="2" {if $pickup_val == 2}checked{/if}>
<!-- <input type="checkbox" data-for = "pickup" value="2" {if $pickup_val == 2}checked{/if}> -->
<div class="checkmark"></div>
<div class="wk-filter-name"> Store pickup + Delivery</div>
</label>
</li>
{/if}
{if $seller_time_slot_active == 1 }
<li class="pointer" id ="">
<label class="wk-checkbox" >
<input class="hidden" id="closed_stores" type="checkbox" name="filter[]" data-filter_for="filter-pickup-and-availability" value="3" {if $filter == 3}checked{/if}>
<div class="checkmark" ></div>
<div class="wk-filter-name">Closed stores</div>
</label>
</li>
<li class="pointer" id ="">
<label class="wk-checkbox" >
<input class="hidden" id="open_stores" type="checkbox" name="filter[]" data-filter_for="filter-pickup-and-availability" value="4" {if $filter == 4}checked{/if}>

<div class="checkmark"></div>
<div class="wk-filter-name"> Open stores</div>
</label>
</li>
{/if}
</ul>
</div>
</div>
</div>
</div>
{/if}
{if $seller_tags_and_category_active}
{if !empty($seller_tags)}
<div id="filter_tag">
<div class="wk-filter-desktop">
<div id="filter-type-block" style=" margin-bottom:15px;">
<button class="wk-accordion" style="margin-bottom:5px;">Select By Tags </button>
<div id="filter-tag" class="wk_seller_panel">
<ul>
{foreach $seller_tags as $key => $value}
<li class="pointer" data-value = "{$value.tag_name}" data-for = "tag" id ="tag_{$key}"><label class="wk-checkbox" ><input type="checkbox" name="tag[]" data-filter_for = "tag" value="{$value.id}" {if in_array($value.id, $seller_tags_filter)}checked{/if}><div class="checkmark"></div><div class="wk-filter-name"> {$value.name}</div></label></li>
{/foreach}
</ul>
</div>
</div>
</div>
</div>
{/if}
{if !empty($seller_categories)}
<div id="filter_category">
<div class="wk-filter-desktop">
<div id="filter-type-block" style=" margin-bottom:15px;">
<button class="wk-accordion" style="margin-bottom:5px;">Select By Category </button>
<div id="filter-cat" class="wk_seller_panel">
<ul>
{foreach $seller_categories as $key => $value}
<li class="pointer" data-value = "{$value.id}" data-for = "category" id ="category_{$key}"><label class="wk-checkbox"> <input type="checkbox" name="category[]" data-filter_for="category" value="{$value.id}" {if in_array($value.id, $seller_cat_filter)}checked{/if}><div class="checkmark"></div><div class="wk-filter-name"> {$value.category_name}</div></label></li>
{/foreach}
</ul>
</div>
</div>
</div>
</div>
{/if}
{/if}
</div>
{/if}

CODE III

Instruction: Add this to Edit Theme Template (Multivendor Admin Panel > Sellers > Seller Profile Page Settings > Seller Listing Theme Edit)

<div class="{if $store_pickup_active == 1 || $seller_time_slot_active == 1 || ($seller_tags_and_category_active && (!empty($seller_categories) || !empty($seller_tags)))}col-md-9 col-lg-9 col-sm-9 col-xs-12 sellers_grid{/if}" style="padding-right:unset !important;">
<!-- your seller listing block -->
<!-- pagination block start -->
</div>

CODE IV

Instruction: Add this to the end of Edit Theme CSS (Multivendor Admin Panel > Sellers > Seller Profile Page Settings > Seller Listing Theme Edit)

.tag-me{
border:1px solid grey;
border-radius:14px;
padding:4px;
margin-right: 10px;
}

Support:

If you have any issues, please drop an email at [email protected]. You can also create a ticket at  Webkul UV Desk.