{% for block in section.blocks %} {% if block.type == 'mobile' %} {% else %} {% endif %} {% endfor %} {% for block in section.blocks %} {% if block.type == 'mobile' %} {% render 'offcanvas-menu', block: block %} {% endif %} {% endfor %} {% schema %} { "name": "Navbar", "limit": 1, "settings": [ { "type": "header", "content": "Styling" }, { "type": "select", "id": "bg_color", "label": "Background color", "default": "bg-body", "options": [ { "value": "bg-primary", "label": "Primary" }, { "value": "bg-secondary", "label": "Secondary" }, { "value": "bg-body", "label": "Body" }, { "value": "bg-white", "label": "White" } ] }, { "type": "range", "id": "bg_opacity", "label": "Background opacity", "min": 0, "max": 100, "step": 1, "default": 100, "unit": "%" }, { "type": "select", "id": "bg_gradient", "label": "Background gradient", "options": [ { "value": "bg-gradient", "label": "Yes" }, { "value": "", "label": "No" } ], "default": "" }, { "type": "select", "id": "text_color", "label": "Text color", "default": "text-body", "options": [ { "value": "text-primary", "label": "Primary" }, { "value": "text-secondary", "label": "Secondary" }, { "value": "text-body", "label": "Body" }, { "value": "text-white", "label": "White" } ] }, { "type": "range", "id": "border_top_width", "label": "Border top width", "default": 0, "min": 0, "max": 16, "step": 1, "unit": "px" }, { "type": "range", "id": "border_bottom_width", "label": "Border bottom width", "default": 0, "min": 0, "max": 16, "step": 1, "unit": "px" }, { "type": "select", "id": "border_color", "label": "Border color", "default": "border-body", "options": [ { "value": "border-primary", "label": "Primary" }, { "value": "border-secondary", "label": "Secondary" }, { "value": "border-body", "label": "Body" }, { "value": "border-white", "label": "White" } ] }, { "type": "range", "id": "border_opacity", "label": "Border opacity", "min": 0, "max": 100, "step": 1, "default": 100, "unit": "%" }, { "type": "select", "id": "shadow", "label": "Shadow", "options": [ { "value": "shadow-sm", "label": "Yes" }, { "value": "", "label": "No" } ], "default": "shadow-sm" } ], "blocks": [ { "type": "mobile", "name": "Mobile", "limit": 1, "settings": [ { "type": "text", "id": "container_max_width", "label": "Container max-width (px)", "info": "Leave empty to use the global container width" }, { "type": "image_picker", "id": "logo", "label": "Logo" }, { "type": "image_picker", "id": "logo_transparent", "label": "Logo - transparent bg", "info": "NOTE: This feature is supported only in our Premium Shopify Themes. [Browse premium themes](https://www.kondasoft.com/collections/shopify-themes)" }, { "type": "range", "id": "logo_height", "label": "Logo height", "min": 20, "max": 100, "step": 2, "default": 40 }, { "type": "link_list", "id": "main_menu", "label": "Main menu", "default": "main-menu" }, { "type": "link_list", "id": "collections_menu", "label": "Collections Menu", "info": "NOTE: This feature is supported only in our Premium Shopify Themes. [Browse premium themes](https://www.kondasoft.com/collections/shopify-themes)" }, { "type": "checkbox", "id": "social_icons", "label": "Show social icons", "default": true }, { "type": "header", "content": "Spacing" }, { "type": "range", "id": "pt", "label": "Top", "min": 0, "max": 20, "step": 1, "default": 3 }, { "type": "range", "id": "pb", "label": "Bottom", "min": 0, "max": 20, "step": 1, "default": 3 } ] }, { "type": "desktop", "name": "Desktop", "limit": 1, "settings": [ { "type": "text", "id": "container_max_width", "label": "Container max-width (px)", "info": "Leave empty to use the global container width" }, { "type": "image_picker", "id": "logo", "label": "Logo" }, { "type": "image_picker", "id": "logo_transparent", "label": "Logo - transparent bg", "info": "NOTE: This feature is supported only in our Premium Shopify Themes. [Browse premium themes](https://www.kondasoft.com/collections/shopify-themes)" }, { "type": "range", "id": "logo_height", "label": "Logo height", "min": 20, "max": 100, "step": 2, "default": 40 }, { "type": "link_list", "id": "main_menu", "label": "Main menu", "default": "main-menu" }, { "type": "header", "content": "Spacing" }, { "type": "range", "id": "pt", "label": "Top", "min": 0, "max": 20, "step": 1, "default": 3 }, { "type": "range", "id": "pb", "label": "Bottom", "min": 0, "max": 20, "step": 1, "default": 3 } ] } ], "presets": [ { "name": "Navbar" } ] } {% endschema %}