Skip to content

Instantly share code, notes, and snippets.

@fairy-code-mother

fairy-code-mother/custom-collection-one.liquid

Created October 15, 2019 19:19
Show Gist options
  • Save fairy-code-mother/0de80633c4877d76089143c819bde02b to your computer and use it in GitHub Desktop.
Save fairy-code-mother/0de80633c4877d76089143c819bde02b to your computer and use it in GitHub Desktop.
Download ZIP
Fashionopolism Custom Collection
Raw
custom-collection-one.liquid
{% include 'custom-collection-blocks' %}
{% schema %}
{
"name": "Custom Collection One",
"max_blocks": 12,
"settings": [
],
"blocks":[
{
"type": "collection_title",
"name": "Collection Title",
"settings": [
{
"type": "select",
"id": "pt_align",
"label": "Heading alignment",
"default": "center",
"options": [
{
"value":"center",
"label":"Center"
},
{
"value":"left",
"label":"Left"
},
{
"value":"right",
"label":"Right"
}
]
}
]
},
{
"type": "collection_content",
"name": "Collection Content",
"settings": [
{
"type": "select",
"id": "pc_align",
"label": "Content alignment",
"default": "center",
"options": [
{
"value":"center",
"label":"Center"
},
{
"value":"left",
"label":"Left"
},
{
"value":"right",
"label":"Right"
}
]
},
{
"type": "range",
"id": "pc_max_width",
"min": 600,
"max": 1200,
"step": 100,
"unit": "px",
"label": "Content width",
"default": 800
}
]
},
{
"type": "featured_collection",
"name": "Featured Collection",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Featured collection"
},
{
"type": "select",
"id": "text_align",
"label": "Heading alignment",
"default": "center",
"options": [
{
"value":"center",
"label":"Center"
},
{
"value":"left",
"label":"Left"
},
{
"value":"right",
"label":"Right"
}
]
},
{
"type": "collection",
"id": "homepage_collection",
"label": "Collection"
},
{
"type": "range",
"id": "homepage_product_limit",
"min": 2,
"max": 30,
"step": 1,
"label": "Products shown",
"default": 8
},
{
"type": "select",
"id": "homepage_product_display",
"label": "Products layout",
"default":"carousel",
"options": [
{
"value": "grid",
"label": "Grid"
},
{
"value": "carousel",
"label": "Carousel"
}
]
},
{
"type": "range",
"id": "products_per_row",
"min": 2,
"max": 6,
"step": 1,
"label": "Products per row",
"info": "Grid use only",
"default": 4
}
]
},
{
"type": "image_text_overlay",
"name": "Image with Text Overlay",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "range",
"id": "section_height",
"min": 300,
"max": 900,
"step": 100,
"unit": "px",
"label": "Image height",
"default": 500
},
{
"type": "header",
"content": "Overlay Heading"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Image with Text Overlay"
},
{
"type": "range",
"id": "heading_font_size",
"min": 12,
"max": 36,
"step": 1,
"unit": "px",
"label": "Heading size",
"default": 30
},
{
"type": "select",
"id": "heading_font_weight",
"label": "Heading weight",
"options": [
{
"value": "normal",
"label": "Normal"
},
{
"value": "bold",
"label": "Bold"
}
]
},
{
"type": "color",
"id": "heading_text_color",
"label": "Heading color",
"default": "#000"
},
{
"type": "header",
"content": "Overlay Text"
},
{
"id": "subheading_text",
"type": "textarea",
"label": "Text",
"default": "Pair text with a large full width image to give focus to areas of your store. Add a button to encourage clicks."
},
{
"type": "range",
"id": "subheading_font_size",
"min": 12,
"max": 22,
"step": 1,
"unit": "px",
"label": "Text size",
"default": 16
},
{
"type": "select",
"id": "subheading_font_weight",
"label": "Text weight",
"options": [
{
"value": "normal",
"label": "Normal"
},
{
"value": "bold",
"label": "Bold"
}
]
},
{
"type": "color",
"id": "subheading_text_color",
"label": "Text color",
"default": "#000"
},
{
"type": "header",
"content": "Overlay Button"
},
{
"id": "button_text",
"type": "text",
"label": "Button text",
"default": "Add a button",
"info": "Visible only if a link is chosen"
},
{
"type": "url",
"id": "link",
"label": "Button link"
},
{
"type": "color",
"id": "button_text_color",
"label": "Button text",
"default": "#fff"
},
{
"type": "color",
"id": "button_color",
"label": "Button background",
"default": "#000"
}
]
},
{
"type": "image_with_text",
"name": "Image with Text",
"settings": [
{
"type": "checkbox",
"id": "full_width",
"label": "Enable full width",
"default": false
},
{
"type": "checkbox",
"id": "no_bottom_margin",
"label": "Remove bottom margin",
"default": false
},
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "select",
"id": "layout",
"label": "Layout",
"default": "left",
"options": [
{
"value": "left",
"label": "Image on left"
},
{
"value": "right",
"label": "Image on right"
}
]
},
{
"type": "select",
"id": "text_align",
"label": "Text alignment",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Image with text"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "<p>Pair large text with an image to give focus to your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.</p>"
},
{
"type": "text",
"id": "button",
"label": "Button text"
},
{
"type": "url",
"id": "link",
"label": "Button link"
}
]
},
{
"type": "gallery",
"name": "Gallery",
"settings": [
{
"type": "checkbox",
"id": "full_width",
"label": "Enable full width",
"default": false
},
{
"type": "range",
"id": "promo_size",
"min": 12,
"max": 36,
"step": 1,
"unit": "px",
"label": "Heading size",
"default": 20
},
{
"type": "range",
"id": "hidden_size",
"min": 12,
"max": 36,
"step": 1,
"unit": "px",
"label": "Subheading size",
"default": 13
},
{
"type": "color",
"id": "promo_color",
"label": "Heading color",
"default": "#ffffff"
},
{
"type": "color",
"id": "hidden_color",
"label": "Subheading color",
"default": "#ffffff"
},
{
"type": "header",
"content": "Image 1"
},
{
"type": "image_picker",
"id": "image_1",
"label": "Image"
},
{
"type": "select",
"id": "img_width_1",
"label": "Container width",
"default": "33%",
"options": [
{
"value":"25%",
"label":"25%"
},
{
"value":"33%",
"label":"33%"
},
{
"value":"50%",
"label":"50%"
},
{
"value":"66%",
"label":"66%"
},
{
"value":"75%",
"label":"75%"
},
{
"value":"100%",
"label":"100%"
}
]
},
{
"type": "url",
"id": "gallery_link_1",
"label": "Link",
"info": "Optional"
},
{
"type": "text",
"id": "heading_text_1",
"label": "Heading",
"default": "Our collections"
},
{
"type": "text",
"id": "hidden_text_1",
"label": "Subheading",
"default": "Shop now",
"info": "Shown on hover"
},
{
"type": "header",
"content": "Image 2"
},
{
"type": "image_picker",
"id": "image_2",
"label": "Image"
},
{
"type": "select",
"id": "img_width_2",
"label": "Container width",
"default": "33%",
"options": [
{
"value":"25%",
"label":"25%"
},
{
"value":"33%",
"label":"33%"
},
{
"value":"50%",
"label":"50%"
},
{
"value":"66%",
"label":"66%"
},
{
"value":"75%",
"label":"75%"
},
{
"value":"100%",
"label":"100%"
}
]
},
{
"type": "url",
"id": "gallery_link_2",
"label": "Link",
"info": "Optional"
},
{
"type": "text",
"id": "heading_text_2",
"label": "Heading",
"default": "Our collections"
},
{
"type": "text",
"id": "hidden_text_2",
"label": "Subheading",
"default": "Shop now",
"info": "Shown on hover"
},
{
"type": "header",
"content": "Image 3"
},
{
"type": "image_picker",
"id": "image_3",
"label": "Image"
},
{
"type": "select",
"id": "img_width_3",
"label": "Container width",
"default": "33%",
"options": [
{
"value":"25%",
"label":"25%"
},
{
"value":"33%",
"label":"33%"
},
{
"value":"50%",
"label":"50%"
},
{
"value":"66%",
"label":"66%"
},
{
"value":"75%",
"label":"75%"
},
{
"value":"100%",
"label":"100%"
}
]
},
{
"type": "url",
"id": "gallery_link_3",
"label": "Link",
"info": "Optional"
},
{
"type": "text",
"id": "heading_text_3",
"label": "Heading",
"default": "Our collections"
},
{
"type": "text",
"id": "hidden_text_3",
"label": "Subheading",
"default": "Shop now",
"info": "Shown on hover"
},
{
"type": "header",
"content": "Image 4"
},
{
"type": "image_picker",
"id": "image_4",
"label": "Image"
},
{
"type": "select",
"id": "img_width_4",
"label": "Container width",
"default": "33%",
"options": [
{
"value":"25%",
"label":"25%"
},
{
"value":"33%",
"label":"33%"
},
{
"value":"50%",
"label":"50%"
},
{
"value":"66%",
"label":"66%"
},
{
"value":"75%",
"label":"75%"
},
{
"value":"100%",
"label":"100%"
}
]
},
{
"type": "url",
"id": "gallery_link_4",
"label": "Link",
"info": "Optional"
},
{
"type": "text",
"id": "heading_text_4",
"label": "Heading",
"default": "Our collections"
},
{
"type": "text",
"id": "hidden_text_4",
"label": "Subheading",
"default": "Shop now",
"info": "Shown on hover"
}
]
},
{
"type": "slideshow",
"name": "Slideshow",
"settings": [
{
"type": "checkbox",
"id": "full_width",
"label": "Enable full width"
},
{
"type": "range",
"id": "slider_speed",
"min": 3,
"max": 10,
"step": 1,
"label": "Slideshow speed (seconds)",
"default": 5
},
{
"type": "header",
"content": "Slideshow Text"
},
{
"type": "range",
"id": "slide_title_size",
"min": 12,
"max": 36,
"step": 1,
"unit": "px",
"label": "Heading size",
"default": 20
},
{
"type": "select",
"id": "slide_title_weight",
"label": "Heading weight",
"default": "bold",
"options": [
{
"value": "normal",
"label": "Normal"
},
{
"value": "bold",
"label": "Bold"
}
]
},
{
"type": "range",
"id": "caption_size",
"min": 12,
"max": 36,
"step": 1,
"unit": "px",
"label": "Subheading size",
"default": 13
},
{
"type": "range",
"id": "cta_size",
"min": 12,
"max": 36,
"step": 1,
"unit": "px",
"label": "Button text size",
"default": 13
},
{
"type": "select",
"id": "cta_weight",
"label": "Button text weight",
"default": "normal",
"options": [
{
"value": "normal",
"label": "Normal"
},
{
"value": "bold",
"label": "Bold"
}
]
},
{
"type": "color",
"id": "slide_text_color",
"label": "Heading and subheading",
"default": "#000000"
},
{
"type": "color",
"id": "caption_background",
"label": "Caption background",
"default": "transparent"
},
{
"type": "select",
"id": "caption_opacity",
"label": "Caption background opacity",
"options": [
{
"value": "0.1",
"label": "10%"
},
{
"value": "0.2",
"label": "20%"
},
{
"value": "0.3",
"label": "30%"
},
{
"value": "0.4",
"label": "40%"
},
{
"value": "0.5",
"label": "50%"
},
{
"value": "0.6",
"label": "60%"
},
{
"value": "0.7",
"label": "70%"
},
{
"value": "0.8",
"label": "80%"
},
{
"value": "0.9",
"label": "90%"
},
{
"value": "1.0",
"label": "100%"
}
]
},
{
"type": "color",
"id": "cta_color",
"label": "Button text",
"default": "#ffffff"
},
{
"type": "color",
"id": "cta_background",
"label": "Button background",
"default": "#000000"
},
{
"type": "header",
"content": "Slide 1"
},
{
"type": "image_picker",
"id": "image_1",
"label": "Image"
},
{
"type": "text",
"id": "heading_1",
"label": "Heading",
"default": "Add a title to your image"
},
{
"type": "text",
"id": "subheading_1",
"label": "Subheading",
"default": "Tell your brand's story through images"
},
{
"type": "url",
"id": "link_1",
"label": "Link"
},
{
"type": "text",
"id": "button_text_1",
"label": "Button text",
"default": "Add a button",
"info": "Visible only if a link is chosen"
},
{
"type": "select",
"id": "caption_horizontal_1",
"label": "Caption horizontal position",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "range",
"id": "caption_vertical_1",
"min": 5,
"max": 50,
"step": 5,
"unit": "%",
"label": "Caption vertical position",
"default": 50
},
{
"type": "header",
"content": "Slide 2"
},
{
"type": "image_picker",
"id": "image_2",
"label": "Image"
},
{
"type": "text",
"id": "heading_2",
"label": "Heading",
"default": "Add a title to your image"
},
{
"type": "text",
"id": "subheading_2",
"label": "Subheading",
"default": "Tell your brand's story through images"
},
{
"type": "url",
"id": "link_2",
"label": "Link"
},
{
"type": "text",
"id": "button_text_2",
"label": "Button text",
"default": "Add a button",
"info": "Visible only if a link is chosen"
},
{
"type": "select",
"id": "caption_horizontal_2",
"label": "Caption horizontal position",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "range",
"id": "caption_vertical_2",
"min": 5,
"max": 50,
"step": 5,
"unit": "%",
"label": "Caption vertical position",
"default": 50
},
{
"type": "header",
"content": "Slide 3"
},
{
"type": "image_picker",
"id": "image_3",
"label": "Image"
},
{
"type": "text",
"id": "heading_3",
"label": "Heading",
"default": "Add a title to your image"
},
{
"type": "text",
"id": "subheading_3",
"label": "Subheading",
"default": "Tell your brand's story through images"
},
{
"type": "url",
"id": "link_3",
"label": "Link"
},
{
"type": "text",
"id": "button_text_3",
"label": "Button text",
"default": "Add a button",
"info": "Visible only if a link is chosen"
},
{
"type": "select",
"id": "caption_horizontal_3",
"label": "Caption horizontal position",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "range",
"id": "caption_vertical_3",
"min": 5,
"max": 50,
"step": 5,
"unit": "%",
"label": "Caption vertical position",
"default": 50
},
{
"type": "header",
"content": "Slide 4"
},
{
"type": "image_picker",
"id": "image_4",
"label": "Image"
},
{
"type": "text",
"id": "heading_4",
"label": "Heading",
"default": "Add a title to your image"
},
{
"type": "text",
"id": "subheading_4",
"label": "Subheading",
"default": "Tell your brand's story through images"
},
{
"type": "url",
"id": "link_4",
"label": "Link"
},
{
"type": "text",
"id": "button_text_4",
"label": "Button text",
"default": "Add a button",
"info": "Visible only if a link is chosen"
},
{
"type": "select",
"id": "caption_horizontal_4",
"label": "Caption horizontal position",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "range",
"id": "caption_vertical_4",
"min": 5,
"max": 50,
"step": 5,
"unit": "%",
"label": "Caption vertical position",
"default": 50
}
]
},
{
"type": "video",
"name": "Video",
"settings": [
{
"type":"text",
"id":"heading",
"label":"Heading",
"default":"Featured video"
},
{
"type": "checkbox",
"id": "full_width",
"label": "Enable full width",
"default": true
},
{
"type": "video_url",
"id": "video_url",
"label": "YouTube or Vimeo link",
"accept": ["youtube", "vimeo"]
}
]
},
{
"type": "rich_text",
"name": "Rich Text",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Welcome"
},
{
"type": "richtext",
"id": "rich_text",
"label": "Text",
"info": "Use basic HTML to format text",
"default": "<p>Use this section to tell customers about your store or add content from one of your pages which makes it easy to add images, video or any other content.</p>"
},
{
"type": "page",
"id": "page",
"label": "Or Show content from a page"
},
{
"type": "select",
"id": "text_align",
"label": "Text alignment",
"default": "center",
"options": [
{
"value":"center",
"label":"Center"
},
{
"value":"left",
"label":"Left"
},
{
"value":"right",
"label":"Right"
}
]
}
]
},
{
"type": "blog",
"name": "Featured Blog",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Blog posts"
},
{
"id": "blog",
"type": "blog",
"label": "Blog"
},
{
"type": "range",
"id": "post_limit",
"min": 2,
"max": 8,
"step": 2,
"label": "Posts shown",
"default": 2
}
]
},
{
"type": "contact_form",
"name": "Contact Form",
"settings": [
{
"type": "range",
"id": "max_width",
"min": 600,
"max": 1200,
"step": 100,
"unit": "px",
"label": "Form width",
"default": 800
},
{
"type": "checkbox",
"id": "name",
"label": "Enable full name",
"default": true
},
{
"type": "checkbox",
"id": "email",
"label": "Enable email",
"default": true
},
{
"type": "checkbox",
"id": "phone",
"label": "Enable phone"
},
{
"type": "checkbox",
"id": "message",
"label": "Enable message",
"default": true
}
]
}
]
}
{% endschema %}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment