Hi Experts,
I need your help. These are the collection pages: https://houseofkhalsa.com/collections/immortal and https://houseofkhalsa.com/collections/speedster
If you notice, the banner videos are way too huge. Can we make it smaller like 3/4 of the page? If this can help, below is the code of the collection.template.liquid
{% if collection.image %}
{%- assign image = collection.image -%}
{%- elsif section.settings.image -%}
{%- assign image = section.settings.image -%}
{%- else %}
{%- assign image = collection.products.first.featured_image -%}
{% if template contains 'collection' and collection.url == '/collections/types?q=Watch' %}
##
{% endif %}
{% if template contains 'collection' and collection.url == '/collections/types?q=Sunglasses' %}
{% endif %}
{% if template contains 'collection' and collection.url == '/collections/types?q=Gift%20card' %}
{% endif %}
{% if template contains 'collection' and collection.url == '/collections/types?q=Scarves' %}
{% endif %}
{% if template contains 'collection' and collection.url == '/collections/all' %}
{% endif %}
{% endif %}
{%- assign mobile_image = section.settings.mobile_image -%}
{%- assign background_style = section.settings.caption_content_background -%}
{%- assign mobile_crop = 'mobile-banner--crop-' | append: section.settings.mobile_image_crop -%}
{%- assign wide_display = section.settings.wide_display -%}
{%- assign display_collection_title = section.settings.display_collection_title -%}
{%- assign banner_title = collection.title -%}
{%- assign banner_description = collection.description -%}
{%- assign desktop_banner = collection.metafields.collection.desktop_banner -%}
{%- assign mobile_banner = collection.metafields.collection.mobile_banner -%}
{%- assign collection_desktop_video = collection.metafields.collection.collection_desktop_video -%}
{%- assign collection_mobile_video = collection.metafields.collection.collection_mobile_video -%}
{% if template contains 'collection' and collection.url == '/collections/types?q=Sunglasses' %}
{%- assign collection_mobile_video = 'https://cdn.shopify.com/s/files/1/0295/4575/8779/files/Sunglasses_16x9_640x360_rebrand_26a906b4-b9aa-491e-a56d-78e16de6f3be.mp4?v=1635984873' -%}
{% endif %}
{% if template contains 'collection' and collection.url == '/collections/sea-tiger' %}
{% endif %}
{% if collection_mobile_video or desktop_banner or mobile_banner or collection_desktop_video %}
{% if collection_desktop_video != blank %}
{% if template contains 'collection' and collection.url == '/collections/sea-tiger' %}
{% endif %}
{% elsif template contains 'collection' and collection.url == '/collections/watches' %}
{% else %}
{% if desktop_banner != blank %}
{% endif %}
{% if mobile_banner != blank %}
{% endif %}
{% endif %}
{% if template contains 'collection' and collection.url == '/collections/watches' %}
##
{% else %}
## {{ banner_title }}
{% endif %}
{% else %}
{% if section.settings.featured_collection_image %}
{%
render 'template-banner',
image: image,
mobile_image: mobile_image,
background_style: background_style,
mobile_crop: mobile_crop,
wide_display: wide_display,
banner_title: banner_title,
show_caption: display_collection_title,
banner_description: banner_description
%}
{% endif %}
{% endif %}
{% if banner_description != '' %}
### About this collection
{{ banner_description }}
{% endif %}
{% comment %} Shopify-XR {% endcomment %}
{% if product.media %}
{% endif %}
{% if collection_mobile_video != blank %}
{% endif %}
{% schema %}
{
"name": "Collection",
"class": "shopify-section--collection-template",
"settings": [
{
"type": "header",
"content": "Banner"
},
{
"type": "checkbox",
"id": "featured_collection_image",
"label": "Show banner",
"info": "[Learn more](https://help.outofthesandbox.com/hc/en-us/articles/115009455768-How-to-add-a-Collection-Banner)",
"default": false
},
{
"type": "checkbox",
"id": "wide_display",
"label": "Wide display",
"default": true
},
{
"type": "image_picker",
"id": "image",
"label": "Banner image",
"info": "This only appears on collections that do not have a collection image. 1800 x 1000px recommended."
},
{
"type": "image_picker",
"id": "mobile_image",
"label": "Mobile banner image",
"info": "Display a different image on mobile screens."
},
{
"type": "select",
"id": "mobile_image_crop",
"label": "Mobile image cropping",
"default": "none",
"options": [
{
"value": "none",
"label": "None"
},
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "caption_content_background",
"label": "Text contrast technique",
"default": "original",
"info": "Improve legibility by applying a contrast technique to your banner’s text.",
"options": [
{
"value": "original",
"label": "None"
},
{
"value": "darken_bg",
"label": "Darken banner image"
},
{
"value": "text_box",
"label": "Solid box"
},
{
"value": "translucent_text_box",
"label": "Translucent box"
}
]
},
{
"type": "checkbox",
"id": "display_collection_title",
"label": "Show collection title"
},
{
"type": "checkbox",
"id": "collection_breadcrumb",
"label": "Show breadcrumb links",
"default": true
},
{
"type": "checkbox",
"id": "collection_tags",
"label": "Enable filtering by product tag"
},
{
"type": "checkbox",
"id": "collection_sort",
"label": "Enable collection sorting"
},
{
"type": "header",
"content": "Products"
},
{
"type": "range",
"id": "products_per_row",
"label": "Products per row",
"min": 2,
"max": 5,
"step": 1,
"default": 3
},
{
"type": "range",
"id": "pagination_limit",
"label": "Products per page",
"min": 2,
"max": 50,
"step": 1,
"default": 48
},
{
"type": "header",
"content": "Sidebar"
},
{
"type": "paragraph",
"content": "Create a sidebar by adding content blocks."
},
{
"type": "checkbox",
"id": "toggle",
"label": "Collapse sidebar content",
"default": false
}
],
"blocks": [
{
"type": "filter_by_collection",
"name": "Collection list",
"limit": 1
},
{
"type": "faceted_filtering",
"name": "Faceted filtering",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "[Learn how](https://help.shopify.com/en/manual/online-store/themes/os20/customize/filters) to configure filters."
},
{
"type": "paragraph",
"content": "Using this block will hide any tag filter, tag list, type list, and vendor list blocks."
}
]
},
{
"type": "menu",
"name": "Menu",
"settings": [
{
"type": "link_list",
"id": "custom_menu_linklist",
"label": "Menu"
}
]
},
{
"type": "page",
"name": "Page",
"settings": [
{
"type": "page",
"id": "content_page",
"label": "Page"
}
]
},
{
"type": "recently_viewed",
"name": "Recently viewed products",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "To test the recently viewed products, view your online store outside of the Editor and visit multiple product pages. [Learn more](https:\/\/help.outofthesandbox.com\/hc\/en-us\/articles\/115008765228)"
},
{
"type": "text",
"id": "sidebar_rv_title",
"label": "Title",
"default": "Recently Viewed"
},
{
"type": "range",
"id": "sidebar_rv_per",
"label": "Products limit",
"min": 1,
"max": 4,
"step": 1,
"default": 3
}
]
},
{
"type": "filter",
"name": "Tag filter",
"limit": 10,
"settings": [
{
"type": "text",
"id": "filter_name",
"label": "Title"
},
{
"type": "textarea",
"id": "filter_tags",
"label": "Filter tags",
"info": "Add a comma-separated list of product tags. Only the tags found in the collection will be displayed as filters. [Learn more](https://help.outofthesandbox.com/hc/en-us/articles/115008642047)"
},
{
"type": "checkbox",
"id": "enable_filter_swatches",
"label": "Display color swatches"
}
]
},
{
"type": "filter_by_tag",
"name": "Tag list",
"limit": 1
},
{
"type": "text",
"name": "Text",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Heading"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "
Text area can be used for special announcements or general information.
"
}
]
},
{
"type": "filter_by_type",
"name": "Type list",
"limit": 1
},
{
"type": "filter_by_vendor",
"name": "Vendor list",
"limit": 1
}
]
}
{% endschema %}
Thanks and stay safe,
Edgar