I did this but nothing happens
This is the code
{% if section.blocks.size > 0 %}
{% if section.settings.title != blank %}
.tabs { background: none!important;border: none!important}
.tabs.ui-tabs .ui-tabs-nav {
background: none;
padding: 0;
display: flex;
justify-content: center;
border: none;
}
.tabs-section h2 {
text-align: center;
}
.tabs.ui-tabs .ui-tabs-nav li {
border: none;
background: none;
}
.tabs.ui-tabs .ui-tabs-nav li a{
color: #212E38;
padding: 5px 40px;
border-radius: 50px;
}
.tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
background: white;
}
{% endif %}
{% schema %}
{
"name": "Tabs",
"settings": [
{
"type": "text",
"id": "title",
"label": "Title"
}
],
"blocks": [
{
"type": "tab",
"name": "Tab",
"limit": 4,
{{ section.settings.title }}
{% endif %}
{% assign tabContent = '' %}
-
{% for block in section.blocks %}
{% assign collection = collections[block.settings.collection] %}
- {{ collection.title }} {% capture content %}
- {% 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: true, section_id: section.id %} {%- endfor -%}
-
{%- for product in block.settings.collection.products limit: 4 -%}
“settings”: [
{
“type”: “collection”,
“id”: “collection”,
“label”: “Collection”
}
]
}
],
“presets”: [
{
“name”: “Tabs”,
“blocks”:
}
]
}
{% endschema %}