Can I increase the ...
 
Notifications
Clear all

Can I increase the number of filters from 4 to 5?

2 Posts
2 Users
0 Reactions
635 Views
(@sapanagupta)
Active Member
Joined: 5 years ago
Posts: 7
Topic starter  

Hi,

 

Is there a way to increase the number of filters from current 4 to 5?

 

Regards

Sapana 


   
Quote
plaktheme
(@plaktheme)
Reputable Member
Joined: 5 years ago
Posts: 0
 

Hi @sapanagupta

Katrine here from Plak Theme support,

In order to increase the number of filters from 4 to 5, please follow these steps :

1- Update collection-sidebar.liquid

  • From your Shopify dashboard, click Online Store => Actions => Edit code
  • Open the file collection-sidebar.liquid
  • Replace the entire code with the following one

 

<div class="grid small--hide">
<div class="grid__item one-fifth sidebar-col sticky-collection-sidebar">
<div id="tags-load" style="display:none;"><i class="fa fa-spinner fa-pulse fa-2x"></i></div>
{% if section.settings.show-sd-search-bt %}
<form action="{{ routes.search_url }}" method="get" class="search-header search" role="search" value="product">
<input class="search-header__input search__input"
type="search"
name="q"
placeholder="Search a product"
aria-label="{{ 'general.search.placeholder' | t }}">
<button class="search-header__submit search__submit btn--link site-header__icon" type="submit">
{% include 'icon-search' %}
<span class="icon__fallback-text">{{ 'general.search.submit' | t }}</span>
</button>
</form>
{% endif %}
<div class="sidebar-block filter-block">
<div class="sidebar-title">{{section.settings.sidebar_title}}</div>
<div id="tags-filter-content" class="sidebar-content">
{% include 'collection_tag-filter' %}
</div>
</div>
</div>
</div>
{% schema %}
{
"name": {
"de": "Sidebar collection",
"en": "Sidebar collection",
"es": "Sidebar collection",
"fr": "Sidebar collection"
},
"settings": [

{
"type": "header",
"content": "Sidebar - Tags filter"
},
{
"type": "checkbox",
"id": "show-sd-search-bt",
"label": {
"de": "Show search box",
"en": "Show search box",
"es": "Show search box",
"fr": "Show search box"
},
"default": true
},
{
"type": "text",
"id": "sidebar_title",
"label": {
"de": "Titel",
"en": "Heading",
"es": "Título",
"fr": "En-tête"
},
"default": "Filter research"

},
{
"type": "paragraph",
"content": "Group tag filter 1"
},
{
"type": "text",
"id": "group_tag_1_label",
"label": "Label:"
},
{
"type": "text",
"id": "group_tag_1",
"label": "Keys:",
"info": "Separate tags with comma"
},
{
"type": "paragraph",
"content": "Group tab filter 2"
},
{
"type": "text",
"id": "group_tag_2_label",
"label": "Label:"
},
{
"type": "text",
"id": "group_tag_2",
"label": "Keys:",
"info": "Separate tags with comma"
},
{
"type": "paragraph",
"content": "Group tab filter 3"
},
{
"type": "text",
"id": "group_tag_3_label",
"label": "Label:"
},
{
"type": "text",
"id": "group_tag_3",
"label": "Keys:",
"info": "Separate tags with comma"
},
{
"type": "paragraph",
"content": "Group tab filter 4"
},
{
"type": "text",
"id": "group_tag_4_label",
"label": "Label:"
},
{
"type": "text",
"id": "group_tag_4",
"label": "Keys:",
"info": "Separate tags with comma"
},
{
"type": "paragraph",
"content": "Group tab filter 5"
},
{
"type": "text",
"id": "group_tag_5_label",
"label": "Label:"
},
{
"type": "text",
"id": "group_tag_5",
"label": "Keys:",
"info": "Separate tags with comma"
}
]
}
{% endschema %}
  • Click Save

2- Update collection_tag-filter.liquid

  • Open the file collection_tag-filter.liquid
  • Replace the entire code with the following one

 

<div class="filter-tag-group">
{% assign array_tag1 = section.settings.group_tag_1 | split: ',' %}
{% assign array_tag2 = section.settings.group_tag_2 | split: ',' %}
{% assign array_tag3 = section.settings.group_tag_3 | split: ',' %}
{% assign array_tag4 = section.settings.group_tag_4 | split: ',' %}
{% assign array_tag5 = section.settings.group_tag_5 | split: ',' %}
<!-- tags groupd 1 -->
{% if array_tag1.size > 0 %}
<div class="tag-group" id="coll-filter-1">
<p class="title ">{{ section.settings.group_tag_1_label }} </p>
<i class="fa fa-angle-up collapsiblee rotate"></i>
<ul class="content">
{% for t in array_tag1 %}
{% assign tag = t | strip %}
{% if collection.tags contains tag %}
{% if current_tags contains tag %}
<li class="active">{{ '<i class="fa fa-check-square" aria-hidden="true"></i> ' | append: tag | link_to_remove_tag: tag }}</li>
{% else %}
<li>{{ '<i class="fa fa-square-o" aria-hidden="true"></i> ' | append: tag | link_to_add_tag: tag }}</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
<!-- tags groupd 2 -->
{% if array_tag2.size > 0 %}
<div class="tag-group" id="coll-filter-2">
<p class="title">{{ section.settings.group_tag_2_label }}</p>
<i class="fa fa-angle-up collapsiblee rotate"></i>
<ul>
{% for t in array_tag2 %}
{% assign tag = t | strip %}
{% if collection.tags contains tag %}
{% if current_tags contains tag %}
<li class="active">{{ '<i class="fa fa-check-square" aria-hidden="true"></i> ' | append: tag | link_to_remove_tag: tag }}</li>
{% else %}
<li>{{ '<i class="fa fa-square-o" aria-hidden="true"></i> ' | append: tag | link_to_add_tag: tag }}</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
<!-- tags groupd 3 -->
{% if array_tag3.size > 0 %}
<div class="tag-group" id="coll-filter-3">
<p class="title">{{ section.settings.group_tag_3_label }}</p>
<i class="fa fa-angle-up collapsiblee rotate"></i>
<ul>
{% for t in array_tag3 %}
{% assign tag = t | strip %}
{% if collection.tags contains tag %}
{% if current_tags contains tag %}
<li class="active">{{ '<i class="fa fa-check-square" aria-hidden="true"></i> ' | append: tag | link_to_remove_tag: tag }}</li>
{% else %}
<li>{{ '<i class="fa fa-square-o" aria-hidden="true"></i> ' | append: tag | link_to_add_tag: tag }}</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
<!-- tags groupd 4 -->
{% if array_tag4.size > 0 %}
<div class="tag-group" id="coll-filter-4">
<p class="title">{{ section.settings.group_tag_4_label }}</p>
<i class="fa fa-angle-up collapsiblee rotate"></i>
<ul>
{% for t in array_tag4 %}
{% assign tag = t | strip %}
{% if collection.tags contains tag %}
{% if current_tags contains tag %}
<li class="active">{{ '<i class="fa fa-check-square" aria-hidden="true"></i> ' | append: tag | link_to_remove_tag: tag }}</li>
{% else %}
<li>{{ '<i class="fa fa-square-o" aria-hidden="true"></i> ' | append: tag | link_to_add_tag: tag }}</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
<!-- tags groupd 5 -->
{% if array_tag5.size > 0 %}
<div class="tag-group" id="coll-filter-5">
<p class="title">{{ section.settings.group_tag_5_label }}</p>
<i class="fa fa-angle-up collapsiblee rotate"></i>
<ul>
{% for t in array_tag5 %}
{% assign tag = t | strip %}
{% if collection.tags contains tag %}
{% if current_tags contains tag %}
<li class="active">{{ '<i class="fa fa-check-square" aria-hidden="true"></i> ' | append: tag | link_to_remove_tag: tag }}</li>
{% else %}
<li>{{ '<i class="fa fa-square-o" aria-hidden="true"></i> ' | append: tag | link_to_add_tag: tag }}</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
</div>
<script>$(function(){$("#coll-filter-1 ul li a, #coll-filter-2 ul li a, #coll-filter-3 ul li a, #coll-filter-4 ul li a, #coll-filter-5 ul li a").click(function(l){l.preventDefault();var t=$(this).attr("href");$.ajax({type:"GET",url:t,data:{},beforeSend:function(l){$("#tags-load").show()},complete:function(l){$("#collection").html($("#collection",l.responseText).html()),history.pushState({page:t},t,t),$("#tags-load").hide(),handleGridList(),toggleTagsFilter()}})})});var i,coll=document.getElementsByClassName("collapsiblee");for(i=0;i<coll.length;i++)coll[i].addEventListener("click",function(){this.classList.toggle("active");var l=this.nextElementSibling;"none"===l.style.display?l.style.display="block":l.style.display="none"});$(".rotate").click(function(){$(this).toggleClass("down")});</script>
  • Click Save

 

2- Update collection-template.liquid

  • Open the file collection-template.liquid
  • Replace the entire code with the following one
<style>.grid-view-item__image {object-fit : {{section.settings.image-effect}} !important;}.secondary {object-fit : {{section.settings.image-effect}} !important;}</style>
{% if section.settings.high_resolution_image %}
{%- assign grid_image_width = '' -%}
{% endif %}
{% case section.settings.grid %}
{% when 2 %}
{%- assign max_height = 530 -%}
{% when 3 %}
{%- assign max_height = 345 -%}
{% when 4 %}
{%- assign max_height = 250 -%}
{% when 5 %}
{%- assign max_height = 195 -%}
{% endcase %}
{% if section.settings.layout == 'grid' and section.settings.scroll-effect == 'pag-scroll' %}
{%- assign limit = section.settings.grid | times: section.settings.rows -%}
{% elsif section.settings.scroll-effect == 'pag-scroll' %}
{%- assign limit = 16 -%}
{% elsif section.settings.scroll-effect == 'inf-scroll' %}
{%- assign limit = 10000 -%}
{% endif %}
{% paginate collection.products by limit %}
{% if section.settings.show-filters %}
<div class="mobile-menus">
<span></span>
<strong>Filter research</strong>
</div>
{% endif %}
<div class="grid">
{% if section.settings.show-filters %}
<div class="grid__item one-fifth sidebar-col sticky-collection-sidebar">
<div id="tags-load" style="display:none;"><i class="fa fa-spinner fa-pulse fa-2x"></i></div>
{% if section.settings.show-sd-search-bt %}
<form action="{{ routes.search_url }}" method="get" class="search-header search" role="search" value="product">
<input class="search-header__input search__input"
type="search"
name="q"
placeholder="Search a product"
aria-label="{{ 'general.search.placeholder' | t }}">
<button class="search-header__submit search__submit btn--link site-header__icon" type="submit">
{% include 'icon-search' %}
<span class="icon__fallback-text">{{ 'general.search.submit' | t }}</span>
</button>
</form>
{% endif %}
<div class="sidebar-block filter-block">
<div class="sidebar-title">{{section.settings.sidebar_title}}</div>
<div id="tags-filter-content" class="sidebar-content">
{% include 'collection_tag-filter' %}
</div>
</div>
</div>
{% endif %}
<div class="filters-collections medium--up grid__item four-fifths{% if section.settings.show-filters == false %} no-filter {% endif %}">
<header class="collection-header">
{%- assign is_filter_by_available = false -%}
{%- if section.settings.tags_enable and collection.all_tags.size > 0 -%}
{%- assign is_filter_by_available = true -%}
{%- endif -%}

{%- assign is_vendor_or_type_collection = false -%}
{%- if collection.current_type != blank or collection.current_vendor != blank -%}
{%- assign is_vendor_or_type_collection = true -%}
{%- endif -%}

{% if section.settings.show_collection_image and collection.image %}
<div class="collection-hero">
<div class="collection-hero__image ratio-container lazyload animation--{{settings.lazyloading-effect}} js"
data-bgset="{% include 'bgset', image: collection.image %}"
data-sizes="auto"
data-parent-fit="cover"
style="background-image: url('{{ collection.image | img_url: '300x300' }});"></div>
<noscript>
<div class="collection-hero__image" style="background-image: url({{ collection.image | img_url: '2048x600', crop: 'top' }});"></div>
</noscript>
<div class="collection-hero__title-wrapper">
<h1 class="collection-hero__title page-width">
<span role="text">
<span class="visually-hidden">{{ 'collections.general.collection_label' | t }}: </span>
{{ collection.title }}
</span>
</h1>
</div>
</div>
{% if is_filter_by_available == false and section.settings.sort_enable == false %}
<div class="page-width">
<span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
</div>
{% endif %}
{% if collection.description != blank %}
<div class="rte collection-description page-width">
{{ collection.description }}
</div>
{% endif %}
{% else %}

<div class="page-width">
<div class="section-header text-center">
<h1>
<span role="text">
<span class="visually-hidden">{{ 'collections.general.collection_label' | t }}: </span>
{{ collection.title }}
</span>
</h1>
{% if collection.description != blank %}
<div class="rte">
{{ collection.description }}
</div>
{% endif %}
{% if is_filter_by_available == false and section.settings.sort_enable == false %}
<span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
{% endif %}
</div>
</div>

{% endif %}
{% if is_filter_by_available or section.settings.sort_enable %}
<div class=" filters-toolbar-wrapper{% if is_filter_by_available %} filters-toolbar--has-filter{% endif %}">
<div class="page-width">
<div class="filters-toolbar">
<div class="filters-toolbar__item-wrapper">
{% if section.settings.tags_enable and is_vendor_or_type_collection == false %}
{% unless collection.all_tags.size == 0 %}
<div class="filters-toolbar__item-child">
<label class="filters-toolbar__label select-label" for="FilterTags">{{ 'collections.filters.title_tags' | t }}</label>
<div class="filters-toolbar__input-wrapper select-group">
<select class="filters-toolbar__input hidden" name="FilterTags" id="FilterTags" aria-describedby="a11y-refresh-page-message a11y-selection-message">
{% if current_tags %}
{% if collection.handle %}
<option value="/collections/{{ collection.handle }}">{{ 'collections.filters.all_tags' | t }}</option>
{% elsif collection.current_type %}
<option value="{{ collection.current_type | url_for_type }}">{{ 'collections.filters.all_tags' | t }}</option>
{% elsif collection.current_vendor %}
<option value="{{ collection.current_vendor | url_for_vendor }}">{{ 'collections.filters.all_tags' | t }}</option>
{% endif %}
{% else %}
<option value="">{{ 'collections.filters.all_tags' | t }}</option>
{% endif %}
{% for tag in collection.all_tags %}
<option value="/collections/{% if collection.handle != blank %}{{ collection.handle }}{% else %}all{% endif %}/{{ tag | handleize }}"{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag }}</option>
{% endfor %}
</select>
{% include 'icon-chevron-down' %}
</div>
</div>
{% endunless %}
{% endif %}
{% if section.settings.sort_enable %}
<div class="filters-toolbar__item-child">
{%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%}
<label class="filters-toolbar__label select-label" for="SortBy">{{ 'collections.sorting.title' | t }}</label>
<div class="filters-toolbar__input-wrapper select-group">
<select name="sort_by" id="SortBy"
class="filters-toolbar__input hidden"
aria-describedby="a11y-refresh-page-message a11y-selection-message"
data-default-sortby="{{ collection.default_sort_by }}"
>
{%- for option in collection.sort_options -%}
<option value="{{ option.value }}" {% if option.value == sort_by %}selected="selected"{% endif %}>{{ option.name }}</option>
{%- endfor -%}
</select>
{% include 'icon-chevron-down' %}
</div>
</div>
{% endif %}
</div>
<div class="filters-toolbar__item filters-toolbar__item--count">
<span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
</div>
</div>
</div>
</div>
{% endif %}
</header>
<div class="right-content">
<div class="page-width">
{% if section.settings.layout == 'grid' %}
{% case section.settings.grid %}
{% when 2 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{% when 3 %}
{%- assign grid_item_width = 'small--one-half medium-up--one-third' -%}
{% when 4 %}
{%- assign grid_item_width = 'small--one-half medium-up--one-quarter' -%}
{% when 5 %}
{%- assign grid_item_width = 'small--one-half medium-up--one-fifth' -%}
{% endcase %}
<ul class="grid grid--uniform{% if collection.products_count > 0 %} grid--view-items{% endif %}">
{% for product in collection.products %}
<li class="grid__item grid__item--{{section.id}} {{ grid_item_width }}">
{% include 'product-card-grid', max_height: max_height %}
</li>
{% else %}
{% comment %}
Add default products to help with onboarding for collections/all only.
The onboarding styles and products are only loaded if the
store has no products.
{% endcomment %}
{% if collection.handle == 'all' and collection.all_vendors.size == 0 and collection.all_types.size == 0 %}
<li class="grid__item">
<div class="grid grid--uniform">
{% for i in (1..limit) %}
<div class="grid__item {{ grid_item_width }}">
<div class="grid-view-item">
<a href="#" class="grid-view-item__link">
<div class="grid-view-item__image">
{% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
{{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
</div>
<div class="h4 grid-view-item__title">{{ 'homepage.onboarding.product_title' | t }}</div>
<div class="grid-view-item__meta">
<span class="product-price__price">$19.99</span>
</div>
</a>
</div>
</div>
{% endfor %}
</div>
</li>
{% else %}
{%- assign is_empty_collection = true -%}
{% endif %}
{% endfor %}
</ul>
{% else %}
<ul class="list-view-items">
{% for product in collection.products %}
<li class="list-view-item">
{% include 'product-card-list', product: product %}
</li>
{% else %}
{% comment %}
Add default products to help with onboarding for collections/all only.
The onboarding styles and products are only loaded if the
store has no products.
{% endcomment %}
{% if collection.handle == 'all' and collection.all_vendors.size == 0 and collection.all_types.size == 0%}
{% for i in (1..4) %}
<li class="list-view-item">
<a href="#" class="list-view-item__link">
<div class="list-view-item__image-column">
<div class="list-view-item__image-wrapper">
<div class="list-view-item__image">
{% capture current %}{% cycle 1, 2, 3, 4 %}{% endcapture %}
{{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
</div>
</div>
</div>
<div class="list-view-item__title-column">
<div class="list-view-item__title">{{ 'homepage.onboarding.product_title' | t }}</div>
</div>
<div class="list-view-item__price-column">
<span class="product-price__price">$19.99</span>
</div>
</a>
</li>
{% endfor %}
{% else %}
{%- assign is_empty_collection = true -%}
{% endif %}
{% endfor %}
</ul>
{% endif %}
{% if is_empty_collection %}
<div class="grid__item small--text-center">
<p class="text-center">{{ 'collections.general.no_matches' | t }}</p>
</div>
{% endif %}
{% if section.settings.scroll-effect == 'pag-scroll' %}
{% if paginate.pages > 1 %}
{% include 'pagination' %}
{% endif %} {% endif %}
</div>
</div>
</div>
</div>
{% endpaginate %}
{% schema %}
{
"name": {
"de": "Kategorie-Seiten",
"en": "Collection pages",
"es": "Páginas de colección",
"fr": "Pages de collections"
},
"settings": [
{
"type": "select",
"id": "scroll-effect",
"label": {
"de": "Paginierungseffekt",
"en": "Pagination effect",
"es": "Efecto de paginación",
"fr": "Effet de pagination"
},
"options": [
{
"value": "pag-scroll",
"label": {
"de": "Seitennummerierung",
"en": "Pagination",
"es": "Paginación",
"fr": "Pagination"
}
},
{
"value": "inf-scroll",
"label": {
"de": "Nieuw",
"en": "infinite scrolling",
"es": "Nuevo",
"fr": "Nouveau"
}
}
],
"default": "pag-scroll"
},
{
"type": "header",
"content": "Sidebar - Tags filter"
},
{
"type": "checkbox",
"id": "show-filters",
"label": {
"de": "Show filters",
"en": "Show filters",
"es": "Show filters",
"fr": "Show filters"
},
"default": true
},
{
"type": "checkbox",
"id": "show-sd-search-bt",
"label": {
"de": "Show search box",
"en": "Show search box",
"es": "Show search box",
"fr": "Show search box"
},
"default": true
},
{
"type": "text",
"id": "sidebar_title",
"label": {
"de": "Titel",
"en": "Heading",
"es": "Título",
"fr": "En-tête"
},
"default": "Filter research"

},
{
"type": "paragraph",
"content": "Group tag filter 1"
},
{
"type": "text",
"id": "group_tag_1_label",
"label": "Label:"
},
{
"type": "text",
"id": "group_tag_1",
"label": "Keys:",
"info": "Separate tags with comma"
},
{
"type": "paragraph",
"content": "Group tab filter 2"
},
{
"type": "text",
"id": "group_tag_2_label",
"label": "Label:"
},
{
"type": "text",
"id": "group_tag_2",
"label": "Keys:",
"info": "Separate tags with comma"
},
{
"type": "paragraph",
"content": "Group tab filter 3"
},
{
"type": "text",
"id": "group_tag_3_label",
"label": "Label:"
},
{
"type": "text",
"id": "group_tag_3",
"label": "Keys:",
"info": "Separate tags with comma"
},
{
"type": "paragraph",
"content": "Group tab filter 4"
},
{
"type": "text",
"id": "group_tag_4_label",
"label": "Label:"
},
{
"type": "text",
"id": "group_tag_4",
"label": "Keys:",
"info": "Separate tags with comma"
},
{
"type": "paragraph",
"content": "Group tab filter 5"
},
{
"type": "text",
"id": "group_tag_5_label",
"label": "Label:"
},
{
"type": "text",
"id": "group_tag_5",
"label": "Keys:",
"info": "Separate tags with comma"
},
{
"type": "select",
"id": "layout",
"label": {
"de": "Layout",
"en": "Layout",
"es": "Diseño",
"fr": "Mise en page"
},
"default": "grid",
"options": [
{
"value": "grid",
"label": {
"de": "Raster",
"en": "Grid",
"es": "Cuadrícula",
"fr": "Grille"
}
},
{
"value": "list",
"label": {
"de": "Liste",
"en": "List",
"es": "Lista",
"fr": "Liste"
}
}
]
},
{
"type": "checkbox",
"id": "high_resolution_image",
"label": {
"de": "afbeelding met hoge resolutie inschakelen",
"en": "enable high resolution image",
"es": "habilitar imagen de alta resolución",
"fr": "activer l'image haute résolution"
},
"info": {
"de": "Indien ingeschakeld, kan de sitesnelheid worden beïnvloed",
"en": "If enabled, the site speed may be affected",
"es": "Si está habilitado, la velocidad del sitio puede verse afectada",
"fr": "Si activé, la vitesse du site peut être affectée"
},
"default": false
},
{
"type": "radio",
"id": "image-effect",
"label": {
"de": "Typ",
"en": "Image appearance",
"es": "tipo",
"fr": "Type"
},
"options": [
{
"value": "none",
"label": {
"de": "ingezoomd",
"en": "zoomed",
"es": "ampliada",
"fr": "zoomée"
}
},
{
"value": "fill",
"label": {
"de": "gevulde",
"en": "fill",
"es": "llena",
"fr": "remplie"
}
},
{
"value": "contain",
"label": {
"de": "bevatten",
"en": "contain",
"es": "Contiene",
"fr": "contient"
}
},
{
"value": "scale-down",
"label": {
"de": "verkleinen",
"en": "scale down",
"es": "reducir proporcionalmente",
"fr": "réduite"
}
},
{
"value": "cover",
"label": {
"de": "Hoes",
"en": "cover",
"es": "cubrir",
"fr": "couverture"
}
}
],
"default": "none",
"info": {
"de": "Uitgelichte afbeelding uiterlijk",
"en": "Featured collection image appearance",
"es": "Apariencia de imagen destacada",
"fr": "Apparence de l'image en vedette"
}
},
{
"type": "range",
"id": "grid",
"label": {
"de": "Produkte per Reihe (nur Raster)",
"en": "Products per row (grid only)",
"es": "Productos por fila (solo cuadrícula)",
"fr": "Produits par rangée (grille uniquement)"
},
"default": 4,
"min": 2,
"max": 5,
"step": 1
},
{
"type": "range",
"id": "rows",
"label": {
"de": "Reihen per Seite (nur Raster)",
"en": "Rows per page (grid only)",
"es": "Filas por página (solo cuadrícula)",
"fr": "Rangées par page (grille uniquement)"
},
"default": 2,
"min": 2,
"max": 8,
"step": 1
},
{
"type": "checkbox",
"id": "show_collection_image",
"label": {
"de": "Kategorie-Foto anzeigen",
"en": "Show collection image",
"es": "Mostrar imagen de la colección",
"fr": "Afficher l'image de la collection"
},
"default": true
},
{
"type": "checkbox",
"id": "show_vendor",
"label": {
"de": "Produkt-Lieferanten anzeigen",
"en": "Show product vendors",
"es": "Mostrar proveedores del producto",
"fr": "Afficher les vendeurs"
},
"default": false
},
{
"type": "checkbox",
"id": "sort_enable",
"label": {
"de": "Sortieren erlauben",
"en": "Enable sorting",
"es": "Habilitar la función ordenar",
"fr": "Activer le tri"
},
"default": true
},
{
"type": "header",
"content": {
"de": "Schwebeeffekt",
"en": "On hover effect",
"es": "efecto de desplazamiento",
"fr": "Effect de survol"
}
},
{
"type": "checkbox",
"id": "enable-onhover",
"label": {
"de": "Enable",
"en": "Enable",
"es": "Habilitar",
"fr": "Activer"
},
"default": true
},
{
"type": "range",
"id": "onhover-txt-sz",
"label": {
"de": "Textgröße",
"en": "Text size",
"es": "Tamano del texto",
"fr": "Taille du texte"
},
"min": 8,
"max": 22,
"step": 1,
"default": 14
}
]
}
{% endschema %}
  • Click Save

Katrine| Plak theme support
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as a Solved Solution

Katrine | Technical support at Plak, Scrowp & Vantout
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
ReplyQuote
Share:

Welcome to the Shopify Forum Community provided by Plak ThemeLLC, a place where you can discuss about eCommerce and Shopify, solve technical issues, get help with Shopify Design, Apps integration, Marketing, Facebooks ad, Google ads and more.

Before posting, we invite you to read and follow the forum rules | We also support any questions related to Free Shopify themes :Dawn, Express, Minimal, Brooklyn, Narrative, Supply, Debut, Venture, Boundless and Simple