Hi team
I need help for how to give click able image
for this is the collection page liquid
{%- assign full_width = section.settings.full_width -%}
{%- assign collection = collections[section.settings.collection] -%}
{% if collection == empty %}
{%- assign section_onboarding = true -%}
{% else %}
{%- assign section_onboarding = false -%}
{% endif %}
{% if section.settings.use_background_img and section.settings.background_img != blank %}
{%- assign img_src=section.settings.background_img -%}
{% if full_width == false %}{%- assign size = 1280 -%}{% endif %}
{%- capture image_data -%}{%- render ‘image-background-src’, img_src: img_src, size: size -%}{%- endcapture -%}
{% endif %}
{% if section.settings.title != blank or section.settings.sub_title != blank or section.settings.use_background_img %}
{{ section.settings.title | escape }}
{% endif %} {% if section.settings.sub_title != blank %}{{ section.settings.sub_title | escape }}
{% endif %}{% endif %}
{% if section.settings.use_slider and section_onboarding %}
{%- assign slider = true -%}
{% elsif section.settings.use_slider and collection.all_products_count > 1 %}
{%- assign slider = true -%}
{% else %}
{%- assign slider = false -%}
{% endif %}
{% if section.settings.product_limit < 5 or collection.all_products_count < 5 and collection.all_products_count != 0 %}
{%- assign total = true -%}
{% else %}
{%- assign total = false -%}
{% endif %}
{% if collection.all_products_count >= section.settings.product_limit or section_onboarding %}
{%- assign block_width = section.settings.product_limit | downcase -%}
{% else %}
{%- assign block_width = collection.all_products_count | downcase -%}
{% endif %}
{% case block_width %}
{% when ‘4’,‘6’,‘8’,‘12’,'16 %}
{%- assign block_width = ‘three’ -%}
{%- assign odds = ‘even’ -%}
{% when ‘5’,‘9’,‘13’,‘15’ %}
{%- assign block_width = ‘two-half’ -%}
{%- assign odds = ‘odd’ -%}
{% when ‘7’,‘11’ %}
{%- assign block_width = ‘three’ -%}
{%- assign odds = ‘odd’ -%}
{% else %}
{%- assign block_width = ‘two-half’ -%}
{%- assign odds = ‘even’ -%}
{% endcase %}
{% unless section_onboarding %}
{% if section.settings.use_slider_link and collection.all_products_count >= section.settings.product_limit and section.settings.use_slider == false %}
{%- assign limit = section.settings.product_limit | minus: 1 -%}
{% else %}
{%- assign limit = section.settings.product_limit -%}
{% endif %}
{%- assign count = collection.all_products_count | minus: limit -%}
{% for product in collection.products limit: limit %}
{%- render ‘product-loop’, collection: collection, product: product, block_width: block_width, slider: slider, forloop_index0: forloop.index0 -%}
{% endfor %}
{% if section.settings.use_slider_link and section.settings.use_slider == false and collection.all_products_count >= section.settings.product_limit %}
{% endif %}{% else %}
{% if section.settings.use_slider_link and section.settings.use_slider == false %}
{%- assign limit = section.settings.product_limit | minus: 1 -%}
{% else %}
{%- assign limit = section.settings.product_limit -%}
{% endif %}
{%- assign count = ‘’ -%}
{% for i in (1..limit) limit: limit %}
{%- capture current -%}{% cycle 1, 2, 3, 4, 5, 6 %}{%- endcapture -%}
{%- render ‘product-loop-onboarding’, block_width: block_width, slider: slider, forloop_index0: forloop.index0, current: current -%}
{% endfor %}
{% if section.settings.use_slider_link and section.settings.use_slider == false %}
{% endif %} {% endunless %}{% if slider %}
{% if section.settings.use_slider_link and section_onboarding or collection.all_products_count > section.settings.product_limit %}
{% schema %}
{
“name”: “Featured collection”,
“settings”: [
{
“type”: “header”,
“content”: “Banner”
},
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Featured collection”
},
{
“type”: “text”,
“id”: “sub_title”,
“label”: “Subheading”,
“default”: “Highlight a popular product collection”
},
{
“type”: “select”,
“id”: “text_alignment”,
“label”: “Alignment”,
“default”: “text-center”,
“options”: [
{
“value”: “text-left”,
“label”: “Left”
},
{
“value”: “text-center”,
“label”: “Center”
},
{
“value”: “text-right”,
“label”: “Right”
}
]
},
{
“type”: “checkbox”,
“id”: “use_background_img”,
“label”: “Show image”,
“default”: true
},
{
“type”: “image_picker”,
“id”: “background_img”,
“label”: “Image”,
“info”: “1900px recommended”
},
{
“type”: “select”,
“id”: “background_alignment”,
“label”: “Image position”,
“default”: “center center”,
“options”: [
{
“label”: “Top left”,
“value”: “left top”
},
{
“label”: “Top center”,
“value”: “center top”
},
{
“label”: “Top right”,
“value”: “right top”
},
{
“label”: “Middle left”,
“value”: “left center”
},
{
“label”: “Middle center”,
“value”: “center center”
},
{
“label”: “Middle right”,
“value”: “right center”
},
{
“label”: “Bottom left”,
“value”: “left bottom”
},
{
“label”: “Bottom center”,
“value”: “center bottom”
},
{
“label”: “Bottom right”,
“value”: “right bottom”
}
]
},
{
“type”: “checkbox”,
“id”: “font_color”,
“label”: “White text”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “full_width”,
“label”: “Full width”,
“default”: true
},
{
“type”: “range”,
“id”: “padding”,
“min”: 5,
“max”: 100,
“step”: 5,
“unit”: “%”,
“label”: “Height”,
“default”: 25
},
{
“type”: “color”,
“id”: “background_img_overlay”,
“label”: “Overlay”
},
{
“type”: “range”,
“id”: “background_img_overlay_opacity”,
“min”: 0,
“max”: 100,
“step”: 5,
“unit”: “%”,
“label”: “Opacity”,
“default”: 0
},
{
“type”: “select”,
“id”: “include_color”,
“label”: “Background color”,
“default”: “color-none”,
“options”: [
{
“value”: “color-primary”,
“label”: “Primary”
},
{
“value”: “color-secondary”,
“label”: “Secondary”
},
{
“value”: “color-none”,
“label”: “None”
}
]
},
{
“type”: “header”,
“content”: “Options”
},
{
“type”: “collection”,
“id”: “collection”,
“label”: “Collection”
},
{
“type”: “range”,
“id”: “product_limit”,
“min”: 4,
“max”: 16,
“step”: 1,
“label”: “Products per collection”,
“default”: 10
},
{
“type”: “select”,
“id”: “sub_text_alignment”,
“label”: “Alignment”,
“default”: “text-left”,
“options”: [
{
“value”: “text-left”,
“label”: “Left”
},
{
“value”: “text-center”,
“label”: “Center”
},
{
“value”: “text-right”,
“label”: “Right”
}
]
},
{
“type”: “checkbox”,
“id”: “use_slider_link”,
“label”: “Show collection link”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “use_slider”,
“label”: “Use slider for products”,
“default”: true
}
],
“presets”: [
{
“name”: “Featured collection”,
“category”: “Collection”
}
]
}
{% endschema %}