Hello Everyone!
I have added the Collections tab section through coding. But I need to fix some things.
- I want to keep all the fonts in the collection tab as “Americana”.
- I want to keep the product layout of the Collection tab like the (Featured Collection). The layout of the first product is fine but the rest are not looking good. This should be fixed in mobile mode as well.
- I want to show 2 products in mobile mode. Right now one product is showing.
Please help me. Thank you.
Store: https://dream-candle-lights.myshopify.com/
Password: Admin
- Fonts Change
- Product Layout
- Show 2 products
I have used this code
{{ ‘component-card.css’ | asset_url | stylesheet_tag }}
{{ ‘component-price.css’ | asset_url | stylesheet_tag }}
{{ ‘component-slider.css’ | asset_url | stylesheet_tag }}
{{ ‘template-collection.css’ | asset_url | stylesheet_tag }}
{% if section.blocks.size > 0 %}
{{ section.settings.title }}
{% endif %}-
{% for block in section.blocks %}
{% assign collection = collections[block.settings.collection] %}
-
{{ collection.title }}
- {% render 'card-product', card_product: product, media_aspect_ratio: section.settings.image_ratio, image_shape: section.settings.image_shape, show_secondary_image: section.settings.show_secondary_image, show_vendor: section.settings.show_vendor, show_rating: section.settings.show_rating, show_quick_add: section.settings.enable_quick_add, section_id: section.id %} {%- endfor -%}
{% capture content %}
-
{%- for product in block.settings.collection.products limit: 20 -%}
{% endif %}
{% schema %}
{
“name”: “Tabs”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Title”
},
{
“type”: “checkbox”,
“id”: “useslider”,
“label”: “Use slider”,
“default”: true
}
],
“blocks”: [
{
“type”: “tab”,
“name”: “Tab”,
“limit”: 15,
“settings”: [
{
“type”: “collection”,
“id”: “collection”,
“label”: “Collection”
},
{
“type”: “checkbox”,
“id”: “viewall”,
“label”: “Show view all”,
“default”: true
}
]
}
],
“presets”: [
{
“name”: “Tabs”,
“blocks”:
}
]
}
{% endschema %}