{% comment %}
Portfolio Section for Shopify
This code can be used in a custom-section.liquid file.
It allows adding categories and portfolio items via Shopify Theme Editor.
{% endcomment %}
OUR
{%- for block in section.blocks -%}
{%- if block.type == 'category' -%}
{%- endif -%}
{%- endfor -%}
{% schema %}
{
"name": "O2O Portfolio",
"settings": [],
"blocks": [
{
"type": "category",
"name": "Portfolio Category",
"settings": [
{
"type": "text",
"id": "title",
"label": "Category Title",
"default": "Success Stories"
},
{
"type": "header",
"content": "Project 1"
},
{
"type": "text",
"id": "project_title_1",
"label": "Title"
},
{
"type": "text",
"id": "project_desc_1",
"label": "Description"
},
{
"type": "image_picker",
"id": "project_image_1",
"label": "Image"
},
{
"type": "url",
"id": "project_url_1",
"label": "URL"
},
{
"type": "header",
"content": "Project 2"
},
{
"type": "text",
"id": "project_title_2",
"label": "Title"
},
{
"type": "text",
"id": "project_desc_2",
"label": "Description"
},
{
"type": "image_picker",
"id": "project_image_2",
"label": "Image"
},
{
"type": "url",
"id": "project_url_2",
"label": "URL"
},
{
"type": "header",
"content": "Project 3"
},
{
"type": "text",
"id": "project_title_3",
"label": "Title"
},
{
"type": "text",
"id": "project_desc_3",
"label": "Description"
},
{
"type": "image_picker",
"id": "project_image_3",
"label": "Image"
},
{
"type": "url",
"id": "project_url_3",
"label": "URL"
},
{
"type": "header",
"content": "Project 4"
},
{
"type": "text",
"id": "project_title_4",
"label": "Title"
},
{
"type": "text",
"id": "project_desc_4",
"label": "Description"
},
{
"type": "image_picker",
"id": "project_image_4",
"label": "Image"
},
{
"type": "url",
"id": "project_url_4",
"label": "URL"
},
{
"type": "header",
"content": "Project 5"
},
{
"type": "text",
"id": "project_title_5",
"label": "Title"
},
{
"type": "text",
"id": "project_desc_5",
"label": "Description"
},
{
"type": "image_picker",
"id": "project_image_5",
"label": "Image"
},
{
"type": "url",
"id": "project_url_5",
"label": "URL"
},
{
"type": "header",
"content": "Project 6"
},
{
"type": "text",
"id": "project_title_6",
"label": "Title"
},
{
"type": "text",
"id": "project_desc_6",
"label": "Description"
},
{
"type": "image_picker",
"id": "project_image_6",
"label": "Image"
},
{
"type": "url",
"id": "project_url_6",
"label": "URL"
}
]
}
],
"presets": [
{
"name": "O2O Portfolio"
}
]
}
{% endschema %}
Work & Projects
OUR
PORTFOLIO
A showcase of digital excellence, technical precision,
and AI-driven success stories across global industries.
CATEGORY {{ forloop.index | prepend: '0' | slice: -2, 2 }}
{{ block.settings.title }}
{%- for i in (1..6) -%}
{%- capture title_key -%}project_title_{{ i }}{%- endcapture -%}
{%- capture desc_key -%}project_desc_{{ i }}{%- endcapture -%}
{%- capture img_key -%}project_image_{{ i }}{%- endcapture -%}
{%- capture url_key -%}project_url_{{ i }}{%- endcapture -%}
{%- if block.settings[title_key] != blank -%}
{%- endif -%}
{%- endfor -%}
{%- if block.settings[img_key] != blank -%}
![{{ block.settings[title_key] }}]({{%20block.settings[img_key]%20|%20img_url:%20'800x'%20}})
{%- else -%}
{{ 'image' | placeholder_svg_tag }}
{%- endif -%}
{{ block.settings[title_key] }}
{{ block.settings[desc_key] }}