The theme I am working on is not a Shopify theme but a 3rd party theme called Ubone and I am adjusting the collection page to integrate the Searchanise app. I have made all the necessary changes for the integration except for getting this collection header part to look right. Code attached is what I currently have for the “Collection Page”, once I get the header correct I will thin out parts of the Schema" that aren’t needed.
###### {{ collection.title }} ({{ collection.all_products_count }})
{%- if section.settings.collection_info_enable -%}
{%- if section.settings.collection_image_enable -%}
{% if collection.image %}
{%- if collection.image != blank -%}
{{ collection.image | image_url: width: 1920 | image_tag:
loading: 'lazy',
width: collection.image.width,
height: collection.image.height,
class: "img-fluid lazyload",
alt: collection.image.alt | escape }}
{%- else -%}
{{ 'hero-apparel-1' | placeholder_svg_tag }}
{%- endif -%}
{% else %}
{%- if section.settings.collection_image != blank -%}
{{ section.settings.collection_image | image_url: width: 1920 | image_tag:
loading: 'lazy',
width: section.settings.collection_image.width,
height: section.settings.collection_image.height,
class: "img-fluid lazyload",
alt: section.settings.collection_image.alt | escape }}
{%- else -%}
{{ 'hero-apparel-1' | placeholder_svg_tag }}
{%- endif -%}
{% endif %}
{%- endif -%}
{%- if section.settings.collection_desc_enable -%}
{% if collection.description != '' %}
{{ collection.description }}
{% else %}
{{ section.settings.collection_desc | truncate: 190 }}
{% endif %}
{%- endif -%}
{%- endif -%}
{% render 'searchanise-navigation' %}
{% schema %}
{
"name": "Collection",
"settings": [
{
"type": "header",
"content": "Container"
},
{
"type": "select",
"id": "container",
"label": "Container",
"options": [
{
"label": "Fluid",
"value": "fluid"
},
{
"label": "Normal",
"value": "normal"
}
],
"default": "normal"
},
{
"type": "header",
"content": "Section Backgorund Color"
},
{
"type": "color",
"id": "collection_bgcolor",
"label": "Background Color",
"default": "#FFFFFF"
},
{
"type": "checkbox",
"id": "collection_bgcolor_enable",
"label": "Show Backgorund Color",
"default": true
},
{
"type": "header",
"content": "Product Options"
},
{
"type": "number",
"id": "products_limit_handle",
"label": "Product limit",
"default": 20,
"info": "How many posts will appear on each page"
},
{
"type": "select",
"id": "product_view",
"label": "Slides per view desktop",
"options": [
{
"label": "2 Products",
"value": "grid-2"
},
{
"label": "3 Products",
"value": "grid-3"
},
{
"label": "4 Products",
"value": "grid-4"
},
{
"label": "5 Products",
"value": "grid-5"
},
{
"label": "6 Products",
"value": "grid-6"
}
],
"default": "grid-3"
},
{
"type": "select",
"id": "product_view_lg",
"label": "Slides per view ipad",
"options": [
{
"label": "2 Products",
"value": "grid-lg-2"
},
{
"label": "3 Products",
"value": "grid-lg-3"
},
{
"label": "4 Products",
"value": "grid-lg-4"
}
],
"default": "grid-lg-4"
},
{
"type": "select",
"id": "product_view_sm",
"label": "Slides per view mobile",
"options": [
{
"label": "1 Products",
"value": "grid-sm-1"
},
{
"label": "2 Products",
"value": "grid-sm-2"
}
],
"default": "grid-sm-2"
},
{
"type": "header",
"content": "Collection Information"
},
{
"type": "checkbox",
"id": "collection_info_enable",
"label": "Show Collection Image/Description",
"default": true
},
{
"type": "image_picker",
"id": "collection_image",
"label": "Collection Image",
"info": "Recommended Size: 1410px x 365px"
},
{
"type": "checkbox",
"id": "collection_image_enable",
"label": "Show Collection Image",
"default": true
},
{
"type": "textarea",
"id": "collection_desc",
"label": "Collecton Description",
"default": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book"
},
{
"type": "checkbox",
"id": "collection_desc_enable",
"label": "Show Collection Description",
"default": false
},
{
"type": "header",
"content": "Collection Sorting"
},
{
"type": "checkbox",
"id": "tab_bar_enable",
"label": "Show Grid/List View",
"default": true
},
{
"type": "checkbox",
"id": "short_by_enable",
"label": "Show Short By",
"default": true
},
{
"type": "header",
"content": "Collection Sidebar"
},
{
"type": "radio",
"id": "sidebar_handle",
"label": "Sidebar Position",
"options": [
{
"label": "Left Sidebar",
"value": "left_sidebar_handle"
},
{
"label": "Right Sidebar",
"value": "right_sidebar_handle"
},
{
"label": "Without Sidebar",
"value": "without_sidebar"
}
],
"default": "left_sidebar_handle"
},
{
"type": "header",
"content": "Sidebar Categories"
},
{
"type": "text",
"id": "collection_categories_title",
"label": "Categories Title",
"default": "Categories"
},
{
"type": "checkbox",
"id": "collection_categories_enable",
"label": "Show Categories",
"default": false
},
{
"type": "header",
"content": "Sidebar Banner"
},
{
"type": "image_picker",
"id": "sidebar_banner_img",
"label": "Sidebar Image",
"info": "Recommended Size: 350x470px"
},
{
"type": "url",
"id": "sidebar_banner_url",
"label": "Image URL"
},
{
"type": "checkbox",
"id": "sidebar_banner_enable",
"label": "Show Banner",
"default": true
},
{
"type": "header",
"content": "Collection Product"
},
{
"type": "text",
"id": "special_pro_title",
"label": "Product title",
"default": "Special product"
},
{
"type": "collection",
"id": "special_pro",
"label": "Select Collection"
},
{
"type": "number",
"id": "special_pro_limit",
"label": "Collection product limit",
"default": 12
}
]
}
{% endschema %}
