├── sectional-test
├── templates
│ ├── index.liquid
│ ├── page.content-rows-with-text.liquid
│ ├── blog.liquid
│ ├── cart.liquid
│ ├── blog.gallery.liquid
│ ├── collection.hyper.liquid
│ ├── collection.liquid
│ ├── collection.filtered.liquid
│ ├── blog.full-width-images.liquid
│ ├── collection.metafield-description.liquid
│ ├── password.liquid
│ ├── page.film.liquid
│ ├── page.press.liquid
│ ├── 404.liquid
│ ├── page.meet-the-team.liquid
│ ├── page.liquid
│ ├── list-collections.liquid
│ ├── page.articles.liquid
│ ├── page.css-only-expanding-grid.liquid
│ ├── page.sidebar.liquid
│ ├── product.liquid
│ ├── product.image-slider.liquid
│ ├── page.meta-counter.liquid
│ ├── article.liquid
│ ├── customers
│ │ ├── reset_password.liquid
│ │ ├── activate_account.liquid
│ │ ├── register.liquid
│ │ ├── account.liquid
│ │ ├── login.liquid
│ │ └── order.liquid
│ ├── page.contact.liquid
│ ├── search.liquid
│ ├── gift_card.liquid
│ ├── page.voting-form.liquid
│ └── article.gallery.liquid
├── .DS_Store
├── README.md
├── assets
│ ├── ajax-loader.gif
│ ├── ico-select.svg.liquid
│ ├── match-media.min.js
│ └── password.js
├── snippets
│ ├── no-blocks.liquid
│ ├── icon-arrow-down.liquid
│ ├── icon-pause.liquid
│ ├── icon-play.liquid
│ ├── icon-minus.liquid
│ ├── icon-hamburger.liquid
│ ├── comment.liquid
│ ├── icon-close.liquid
│ ├── icon-litecoin.liquid
│ ├── icon-quote.liquid
│ ├── icon-play-video.liquid
│ ├── icon-rss.liquid
│ ├── icon-chevron-left.liquid
│ ├── icon-chevron-right.liquid
│ ├── icon-chevron-up.liquid
│ ├── icon-plus.liquid
│ ├── icon-chevron-down.liquid
│ ├── icon-cart.liquid
│ ├── icon-arrow-left.liquid
│ ├── icon-facebook.liquid
│ ├── icon-search.liquid
│ ├── icon-arrow-right.liquid
│ ├── icon-tumblr.liquid
│ ├── icon-youtube.liquid
│ ├── image-gallery.liquid
│ ├── search-form.liquid
│ ├── icon-lock.liquid
│ ├── icon-vimeo.liquid
│ ├── icon-dogecoin.liquid
│ ├── icon-diners_club.liquid
│ ├── icon-twitter.liquid
│ ├── product-card-grid.liquid
│ ├── google-fonts.liquid
│ ├── icon-visa.liquid
│ ├── icon-pinterest.liquid
│ ├── icon-jcb.liquid
│ ├── icon-dankort.liquid
│ ├── icon-laser.liquid
│ ├── icon-dwolla.liquid
│ ├── product-card-list.liquid
│ ├── icon-forbrugsforeningen.liquid
│ ├── pagination.liquid
│ ├── icon-discover.liquid
│ ├── icon-paypal.liquid
│ ├── collection-grid-item.liquid
│ ├── site-nav.liquid
│ ├── icon-instagram.liquid
│ ├── icon-snapchat.liquid
│ ├── icon-stripe.liquid
│ ├── product-addon.liquid
│ ├── icon-cirrus.liquid
│ ├── product-price.liquid
│ ├── social-sharing.liquid
│ ├── product-tabs.liquid
│ ├── dynamic-filters.liquid
│ ├── icon-shopify-logo.liquid
│ ├── social-meta-tags.liquid
│ ├── icon-interac.liquid
│ ├── icon-american_express.liquid
│ ├── icon-maestro.liquid
│ ├── icon-bitcoin.liquid
│ ├── icon-master.liquid
│ └── icon-apple_pay.liquid
├── sections
│ ├── meet-the-team.liquid
│ ├── page-info-sidebar.liquid
│ ├── gallery.liquid
│ ├── galleries-list.liquid
│ ├── password-footer.liquid
│ ├── password-header.liquid
│ ├── article-template.liquid
│ ├── hyper-app.liquid
│ ├── password-content.liquid
│ ├── hyper-stash.liquid
│ ├── logo-bar.liquid
│ ├── quotes.liquid
│ ├── feature-row.liquid
│ ├── collection-list.liquid
│ ├── map.liquid
│ ├── page-articles.liquid
│ ├── collection.liquid
│ ├── page-press.liquid
│ ├── feature-columns.liquid
│ ├── hero.liquid
│ ├── image-bar.liquid
│ ├── page-css-only-expandable-grid.liquid
│ └── hero-video.liquid
├── config.yml
└── layout
│ ├── gift_card.liquid
│ ├── password.liquid
│ └── theme.liquid
├── docs
└── debut-drop-ins
│ ├── .gitignore
│ ├── index.md
│ ├── 404.html
│ ├── about.md
│ ├── Gemfile
│ └── _posts
│ └── 2018-02-23-welcome-to-jekyll.markdown
├── .DS_Store
├── .gitignore
├── images
├── content-rows.png
├── pexels-photo-208375.jpeg
├── pexels-photo-228891.jpeg
├── pexels-photo-55714.jpeg
├── sections-separation.png
└── sections-separation-setup.png
├── LICENSE
└── README.md
/sectional-test/templates/index.liquid:
--------------------------------------------------------------------------------
1 | {{ content_for_index }}
2 |
--------------------------------------------------------------------------------
/docs/debut-drop-ins/.gitignore:
--------------------------------------------------------------------------------
1 | _site
2 | .sass-cache
3 | .jekyll-metadata
4 |
--------------------------------------------------------------------------------
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cameroncowden/debut-drop-ins/HEAD/.DS_Store
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | *.yml
2 | sectional-test/config/settings_data.json
3 | sectional-test/config.yml
4 |
--------------------------------------------------------------------------------
/sectional-test/templates/page.content-rows-with-text.liquid:
--------------------------------------------------------------------------------
1 | {% section 'page-content-rows-with-text' %}
2 |
--------------------------------------------------------------------------------
/images/content-rows.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cameroncowden/debut-drop-ins/HEAD/images/content-rows.png
--------------------------------------------------------------------------------
/sectional-test/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cameroncowden/debut-drop-ins/HEAD/sectional-test/.DS_Store
--------------------------------------------------------------------------------
/sectional-test/README.md:
--------------------------------------------------------------------------------
1 | #HOW TO IMPLEMENT THESE SECTIONS
2 |
3 | Coming soon... tips for implementing these sections.
4 |
--------------------------------------------------------------------------------
/images/pexels-photo-208375.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cameroncowden/debut-drop-ins/HEAD/images/pexels-photo-208375.jpeg
--------------------------------------------------------------------------------
/images/pexels-photo-228891.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cameroncowden/debut-drop-ins/HEAD/images/pexels-photo-228891.jpeg
--------------------------------------------------------------------------------
/images/pexels-photo-55714.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cameroncowden/debut-drop-ins/HEAD/images/pexels-photo-55714.jpeg
--------------------------------------------------------------------------------
/images/sections-separation.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cameroncowden/debut-drop-ins/HEAD/images/sections-separation.png
--------------------------------------------------------------------------------
/images/sections-separation-setup.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cameroncowden/debut-drop-ins/HEAD/images/sections-separation-setup.png
--------------------------------------------------------------------------------
/sectional-test/assets/ajax-loader.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cameroncowden/debut-drop-ins/HEAD/sectional-test/assets/ajax-loader.gif
--------------------------------------------------------------------------------
/sectional-test/snippets/no-blocks.liquid:
--------------------------------------------------------------------------------
1 |
2 | {{ 'homepage.onboarding.no_content' | t }}
3 |
4 |
--------------------------------------------------------------------------------
/sectional-test/templates/blog.liquid:
--------------------------------------------------------------------------------
1 | {% comment %}
2 | The contents of the blog.liquid template can be found in /sections/blog-template.liquid
3 | {% endcomment %}
4 |
5 | {% section 'blog-template' %}
6 |
--------------------------------------------------------------------------------
/sectional-test/templates/cart.liquid:
--------------------------------------------------------------------------------
1 | {% comment %}
2 | The contents of the cart.liquid template can be found in /sections/cart-template.liquid
3 | {% endcomment %}
4 |
5 | {% section 'cart-template' %}
6 |
7 |
--------------------------------------------------------------------------------
/sectional-test/templates/blog.gallery.liquid:
--------------------------------------------------------------------------------
1 | {% comment %}
2 | The contents of the blog.liquid template can be found in /sections/blog-template.liquid
3 | {% endcomment %}
4 |
5 | {% section 'blog-template' %}
6 |
--------------------------------------------------------------------------------
/sectional-test/snippets/icon-arrow-down.liquid:
--------------------------------------------------------------------------------
1 | Test meet the team page
2 |
3 |
2 |
3 |
4 |
7 |
8 | {% section 'page-film' %}
9 |
10 |
11 |
2 |
3 |
4 |
7 |
8 | {% section 'page-press' %}
9 |
10 |
11 |
2 |
3 |
{{ 'general.404.title' | t }}
4 |
{{ 'general.404.subtext' | t }}
5 |
6 | {{ 'general.404.link' | t }}{% include 'icon-arrow-right' %}
7 |
8 |
9 |
2 |
3 |
4 |
7 |
8 | {% section 'meet-the-team' %}
9 |
10 |
11 |
2 |
3 |
4 |
7 |
8 |
9 | {{ page.content }}
10 |
11 |
12 |
13 |
2 |
3 |
4 |
7 |
8 |
9 | {{ page.content }}
10 |
11 | {% section 'page-articles' %}
12 |
13 |
14 |
2 |
3 |
4 |
7 |
8 | {{ page.content }}
9 |
10 | {% section 'page-css-only-expandable-grid' %}
11 |
12 |
13 |
3 |
4 |
5 |
8 |
9 |
10 | {{ page.content }}
11 |
12 |
13 |
14 |
15 |
16 |
20 |
404
21 |
22 |
Page not found :(
23 |
The requested page could not be found.
24 |
I am snippet: image-gallery.liquid
2 | I was given article id: {{ art_id }}
3 |
4 | I need to either generate the gallery based on the id (global drop? / snippet gen - src?), or call a section that can loop thru blocks, which each is a gallery.
5 |
6 | {% capture all_settings %}{{ settings | json }}{% endcapture %}
7 |
8 | {{ settings | json }}
9 | KV: {{ kv }}
16 |
17 |
18 |
--------------------------------------------------------------------------------
/sectional-test/snippets/search-form.liquid:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/sectional-test/snippets/icon-lock.liquid:
--------------------------------------------------------------------------------
1 | {{ block.link.title }}
3 | {% endfor %}
4 |
5 | {% schema %}
6 | {
7 | "name": "Info Page Sidebar",
8 | "class": "sidebar-layout",
9 | "settings": [],
10 | "blocks" : [
11 | {
12 | "type": "sidebar-link",
13 | "name": "Sidebar Link",
14 | "settings" : [
15 | {
16 | "type":"url",
17 | "id" : "link",
18 | "label" : "Page for Sidebar"
19 | }
20 | ]
21 | }
22 | ]
23 | }
24 | {% endschema %}
25 |
26 | {% stylesheet %}
27 | {% endstylesheet %}
28 |
29 | {% javascript %}
30 | {% endjavascript %}
31 |
--------------------------------------------------------------------------------
/sectional-test/sections/gallery.liquid:
--------------------------------------------------------------------------------
1 | {{ section.settings.gallery }}
2 | Naive method:
3 |
11 |
12 | {% schema %}
13 | {
14 | "name": "Gallery",
15 | "settings": [{ "type": "text", "id":"gallery", "label": "Global Gallery Title" }],
16 | "blocks": [{ "type":"image", "name":"Gallery Image", "settings": [{ "type":"image_picker", "id":"image","label":"Image" }] }]
17 | }
18 | {% endschema %}
19 |
20 | {% stylesheet %}
21 | {% endstylesheet %}
22 |
23 | {% javascript %}
24 | {% endjavascript %}
25 |
--------------------------------------------------------------------------------
/sectional-test/snippets/product-card-grid.liquid:
--------------------------------------------------------------------------------
1 | {% unless grid_image_width %}
2 | {%- assign grid_image_width = '600x600' -%}
3 | {% endunless %}
4 |
16 |
--------------------------------------------------------------------------------
/sectional-test/assets/ico-select.svg.liquid:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
--------------------------------------------------------------------------------
/sectional-test/snippets/google-fonts.liquid:
--------------------------------------------------------------------------------
1 | {% if settings.type_base_family contains 'Google' %}
2 | {%- assign type_base_parts = settings.type_base_family | split: '_' -%}
3 | {% capture baseGoogleUrl %}{{ type_base_parts[1] }}:400,700{% endcapture %}
4 | {{ '//fonts.googleapis.com/css?family=' | append: baseGoogleUrl | stylesheet_tag }}
5 | {% endif %}
6 | {% if settings.type_header_family contains 'Google' %}
7 | {% unless settings.type_header_family contains type_base_parts[1] and settings.type_header_family contains '700' %}
8 | {%- assign type_header_parts = settings.type_header_family | split: '_' -%}
9 | {% capture headerGoogleUrl %}{{ type_header_parts[1] }}:{{ type_header_parts[2] }}{% endcapture %}
10 | {{ '//fonts.googleapis.com/css?family=' | append: headerGoogleUrl | stylesheet_tag }}
11 | {% endunless %}
12 | {% endif %}
13 |
--------------------------------------------------------------------------------
/sectional-test/templates/page.meta-counter.liquid:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
7 |
8 |
9 | {{ page.content }}
10 |
11 | {% unless page.metafield.count %}
12 | {% assign page.metafield.count = 0 %}
13 | {% endunless %}
14 | {% assign page.metafield.count = page.metafields.count | plus: 1 %}
15 | {{ page.metafields.counter }}
16 | {{ test.counter }}
17 |
18 | {{ page.metafields.test.counter }}
19 |
20 | {% assign page.metafields.test.counter = page.metafields.test.counter | plus: 1 %}
21 |
22 | {{ page.metafields.test.counter }}
23 |
24 |
25 |
26 |
3 |
4 |
5 |
{{ block.settings.gallery-location }},
6 |
7 |
3 |
{{ section.settings.social_message }}
4 | {% include 'social-sharing' %}
5 |
9 | {% capture shopify %}
10 |
Shopify
11 | {% endcapture %}
12 |
13 |
{{ 'general.password_page.powered_by_shopify_html' | t: shopify: shopify }}
14 |
2 |
3 |
4 |
5 |
8 |
{{ product.title }}
9 | {% if product.compare_at_price > product.price %}
10 |
{{ 'products.product.on_sale' | t }}
11 | {% endif %}
12 | {% if section.settings.show_vendor %}
13 |
{{ product.vendor }}
14 | {% endif %}
15 | {% unless product.available %}
16 |
{{ 'products.product.sold_out' | t }}
17 | {% endunless %}
18 |
22 |
{{ product.vendor }}
23 |
27 | {% include 'product-price' %}
28 |
29 |
--------------------------------------------------------------------------------
/sectional-test/snippets/icon-forbrugsforeningen.liquid:
--------------------------------------------------------------------------------
1 | {{ section.settings.header }}
16 |
17 | {% schema %}
18 | {
19 | "name": "Header",
20 | "settings": [
21 | {
22 | "type": "image_picker",
23 | "id": "logo",
24 | "label": "Logo image"
25 | },
26 | {
27 | "type": "text",
28 | "id": "logo_max_width",
29 | "label": "Custom logo width (in pixels)",
30 | "default": "100"
31 | },
32 | {
33 | "type": "text",
34 | "id": "header",
35 | "label": "Heading",
36 | "default": "Coming Soon"
37 | }
38 | ]
39 | }
40 | {% endschema %}
41 |
--------------------------------------------------------------------------------
/sectional-test/templates/article.liquid:
--------------------------------------------------------------------------------
1 | {% comment %}
2 | Comments will not appear right after they are submitted, either to be checked for spam
3 | or to await moderation. When a comment is submitted, the browser is redirected to a page
4 | that includes the new comment id in its URL.
5 | Example: http://shopname.myshopify.com/blogs/news/2022072-my-post?comment=3721372
6 | {% endcomment %}
7 |
8 | {%- assign number_of_comments = article.comments_count -%}
9 |
10 | {% comment %}
11 | If a comment was just submitted and it has no blank fields, we have an extra comment to count.
12 | {% endcomment %}
13 | {% if comment and comment.created_at %}
14 | {%- assign number_of_comments = article.comments_count | plus: 1 -%}
15 | {% endif %}
16 |
17 |
18 |
19 |
20 | {% section 'article-template' %}
21 |
22 |
24 |
25 |
31 |
--------------------------------------------------------------------------------
/docs/debut-drop-ins/_posts/2018-02-23-welcome-to-jekyll.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Welcome to Jekyll!"
4 | date: 2018-02-23 11:40:53 -0600
5 | categories: jekyll update
6 | ---
7 | You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
8 |
9 | To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
10 |
11 | Jekyll also offers powerful support for code snippets:
12 |
13 | {% highlight ruby %}
14 | def print_hi(name)
15 | puts "Hi, #{name}"
16 | end
17 | print_hi('Tom')
18 | #=> prints 'Hi, Tom' to STDOUT.
19 | {% endhighlight %}
20 |
21 | Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
22 |
23 | [jekyll-docs]: https://jekyllrb.com/docs/home
24 | [jekyll-gh]: https://github.com/jekyll/jekyll
25 | [jekyll-talk]: https://talk.jekyllrb.com/
26 |
--------------------------------------------------------------------------------
/sectional-test/templates/customers/reset_password.liquid:
--------------------------------------------------------------------------------
1 |
28 |
--------------------------------------------------------------------------------
/sectional-test/snippets/pagination.liquid:
--------------------------------------------------------------------------------
1 |
32 |
--------------------------------------------------------------------------------
/sectional-test/templates/customers/activate_account.liquid:
--------------------------------------------------------------------------------
1 |
27 |
--------------------------------------------------------------------------------
/sectional-test/snippets/icon-discover.liquid:
--------------------------------------------------------------------------------
1 |
15 | {{ article.content }}
16 |
17 |
18 | {% if section.settings.show_share_buttons %}
19 | {% include 'social-sharing', share_title: article.title, share_permalink: article.url, share_image: article.image %}
20 | {% endif %}
21 |
22 | {% schema %}
23 | {
24 | "name": "Posts",
25 | "settings": [
26 | {
27 | "type": "checkbox",
28 | "id": "blog_show_author",
29 | "label": "Show author",
30 | "default": true
31 | },
32 | {
33 | "type": "checkbox",
34 | "id": "blog_show_date",
35 | "label": "Show date",
36 | "default": true
37 | },
38 | {
39 | "type": "checkbox",
40 | "id": "show_share_buttons",
41 | "label": "Show social sharing buttons",
42 | "default": true
43 | }
44 | ]
45 | }
46 | {% endschema %}
47 |
48 | {% javascript %}
49 | console.log('This is a test.');
50 |
51 | //alert(String(galleries['{{ article.id }}'][0])); // spits out url of first image in THIS gallery
52 |
53 | //$('img[alt="196524752"]')
54 |
55 | $.each( galleries, function( key, urls ) {
56 | var finder = '\'img[alt="' + key + '"]\'';
57 | });
58 |
59 | {% endjavascript %}
60 |
--------------------------------------------------------------------------------
/sectional-test/snippets/product-addon.liquid:
--------------------------------------------------------------------------------
1 | {% comment %}
2 | Add a checkbox to the form for each product-addon
3 | {% endcomment %}
4 | {% for product_tag in product.tags %}
5 | {% assign tag_tokens = product_tag | split: '=' %}
6 | {% assign num_tokens = tag_tokens | size %}
7 | {% if num_tokens == 2 %}
8 | {% assign first_token = tag_tokens | first %}
9 | {% assign last_token = tag_tokens | last %}
10 | {% if first_token == "include-addon" %}
11 | {% assign addon_id = last_token %}
12 |
13 | {% endif %}
14 | {% endif %}
15 | {% endfor %}
16 |
17 |
--------------------------------------------------------------------------------
/sectional-test/snippets/icon-cirrus.liquid:
--------------------------------------------------------------------------------
1 | {{ 'products.product.regular_price' | t }}
19 | {{ compare_at_price | money }}
20 |
21 | {{ money_price }}
22 | {{ 'products.product.on_sale' | t }}
23 |
24 | {% else %}
25 | {{ 'products.product.regular_price' | t }}
26 | {{ compare_at_price | money }}
27 |
28 | {{ money_price }}
29 | {{ 'products.product.on_sale' | t }}
30 |
31 | {% endif %}
32 | {% else %}
33 |
34 | {% if price_varies %}
35 | {{ money_price }}
36 | {% else %}
37 | {{ 'products.product.regular_price' | t }}
38 | {{ money_price }}
39 | {% endif %}
40 | {% endif %}
41 |
42 | {% unless available %}
43 | {{ 'products.product.sold_out' | t }}
44 | {% endunless %}
45 |
--------------------------------------------------------------------------------
/sectional-test/sections/hyper-app.liquid:
--------------------------------------------------------------------------------
1 |
2 |
3 | {% assign product = collection.products.first %}
4 |
5 |
71 |
72 |
73 |
74 | Hyper App Test
75 |
76 |
80 |
81 | {% schema %}
82 | {
83 | "name": "Section name",
84 | "settings": []
85 | }
86 | {% endschema %}
87 |
88 | {% stylesheet %}
89 | {% endstylesheet %}
90 |
91 | {% javascript %}
92 | {% endjavascript %}
93 |
--------------------------------------------------------------------------------
/sectional-test/snippets/social-sharing.liquid:
--------------------------------------------------------------------------------
1 |
2 |
29 |
--------------------------------------------------------------------------------
/sectional-test/snippets/product-tabs.liquid:
--------------------------------------------------------------------------------
1 |
2 | {% for tab in product.metafields.tabs %}
3 |
4 | {% endfor %}
5 |
6 |
11 |
12 | {% for tab in product.metafields.tabs %}
13 | {% unless tab.first == 'Video' %}
14 |
15 | {{ tab | last }}
16 |
17 | {% else %}
18 |
21 | {% endunless %}
22 |
23 | {% endfor %}
24 |
25 |
10 | {{ section.settings.newsletter_form_heading }}
11 |
12 | {{ 'general.password_page.signup_form_email_label' | t }}
14 |
15 |
17 |
18 | {{ section.settings.newsletter_button_text }}
19 |
20 |
21 |
22 | {% endif %}
23 | {% endform %}
24 | {% endif %}
25 |
26 | {% schema %}
27 | {
28 | "name": "Content",
29 | "settings": [
30 | {
31 | "type": "checkbox",
32 | "id": "newsletter_enable",
33 | "label": "Show newsletter signup",
34 | "default": true
35 | },
36 | {
37 | "type": "text",
38 | "id": "newsletter_form_heading",
39 | "label": "Newsletter form heading",
40 | "default": "Be the first to know when we launch.",
41 | "info": "[Tell your visitors about a launch day discount](https://www.shopify.ca/blog/15514000-14-ways-to-use-offers-coupons-discounts-and-deals-to-drive-revenue-and-customer-loyalty)."
42 | },
43 | {
44 | "type": "text",
45 | "id": "newsletter_placeholder",
46 | "label": "Newsletter label text",
47 | "default": "Email address"
48 | },
49 | {
50 | "type": "text",
51 | "id": "newsletter_button_text",
52 | "label": "Newsletter button text",
53 | "default": "Notify me"
54 | }
55 | ]
56 | }
57 |
58 | {% endschema %}
59 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # debut-drop-ins
2 | An open source respository for re-usable shopify sections.
3 |
4 | [Sectional Test Demo Site](https://sectional-test.myshopify.com "Demo Theme")
5 |
6 | ## Usage
7 | While the sections here are styled to match with the Debut theme out of the box, they can be added to any Shopify theme which supports sections (oh, wait, that's _all_ of them.)
8 |
9 | ## Requirements
10 | Most sections are self-contained, i.e. the section file, in addition to the markup and schema, also contains any javascript and css which is required for its form or function. However, occassionally a section may require an additional file, line, or snippet added elsewhere in the theme. These will be noted accordingly.
11 |
12 | ## Developing / Understanding Sections
13 | There are two distinct type of sections: homepage sections, and outside sections. A section can be a homepage section, and an outside section, but they will represent separate instances of the section. Homepage sections can be replicated, and have multiple instances of the same section (with unique data) to appear on the homepage. Each outside section is an individual instance of the same section, anywhere a section tag appears, as in: `{% section 'section-name' %}`
14 |
15 | In order for a section to be a homepage section, it just must have a preset block, like this one from the 'featured-blog' section:
16 |
17 | ```
18 | "presets": [
19 | {
20 | "name": "Blog posts",
21 | "category": "Blog",
22 | "settings": {
23 | "blog": "News",
24 | "post_limit": "3"
25 | }
26 | }
27 | ]
28 | ```
29 | However, placing a {% section 'featured-blog' %} elsewhere in theme will create a section with separate data that is not replicable (even if it is the same section type as a homepage section!).
30 |
31 | 
32 |
33 | 
34 |
35 | It should be noted that blocks are always replicatable, so admin accessible repeatable content models are still possible on interior pages, but at the block level, not the section level.
36 |
37 | As seen here:
38 | 
39 |
--------------------------------------------------------------------------------
/sectional-test/templates/page.contact.liquid:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
7 |
8 | {% if page.content.size > 0 %}
9 |
10 | {{ page.content }}
11 |
12 | {% endif %}
13 |
14 |
46 |
47 |
48 |
HyperStash Collection Test
23 |
24 | Loading...
25 |
26 |
27 |
28 |
45 |
46 |
76 |
77 | {% schema %}
78 | {
79 | "name": "Hyper Stash",
80 | "settings": []
81 | }
82 | {% endschema %}
83 |
84 | {% stylesheet %}
85 | {% endstylesheet %}
86 |
87 | {% javascript %}
88 | {% endjavascript %}
--------------------------------------------------------------------------------
/sectional-test/sections/logo-bar.liquid:
--------------------------------------------------------------------------------
1 |
2 | {% if section.settings.title != blank %}
3 |
6 | {% endif %}
7 |
8 | {% if section.blocks.size > 0 %}
9 |
10 | {% for block in section.blocks %}
11 |
24 | {% endfor %}
25 |
26 | {% endif %}
27 |
28 | {% if section.blocks.size == 0 %}
29 | {% include 'no-blocks' %}
30 | {% endif %}
31 |
2 | {% if section.settings.title != blank %}
3 |
6 | {% endif %}
7 |
8 | {% if section.blocks.size > 0 %}
9 |
10 |
11 | {% for block in section.blocks %}
12 |
13 |
14 | {% include 'icon-quote' %}
15 | {% if block.settings.quote != blank %}
16 | {{ block.settings.quote }}
17 | {% endif %}
18 | {% if block.settings.author != blank %}
19 | {{ block.settings.author | escape }}
20 | {% endif %}
21 |
22 |
23 | {% endfor %}
24 |
25 |
26 | {% endif %}
27 |
28 | {% if section.blocks.size == 0 %}
29 | {% include 'no-blocks' %}
30 | {% endif %}
31 |
Add customer reviews and testimonials to showcase your store’s happy customers.
"
56 | },
57 | {
58 | "type": "text",
59 | "id": "author",
60 | "label": "Author",
61 | "default": "Author's name"
62 | }
63 | ]
64 | }
65 | ],
66 | "presets": [
67 | {
68 | "name": "Testimonials",
69 | "category": "Text",
70 | "blocks": [
71 | {
72 | "type": "quote"
73 | },
74 | {
75 | "type": "quote"
76 | },
77 | {
78 | "type": "quote"
79 | }
80 | ]
81 | }
82 | ]
83 | }
84 | {% endschema %}
85 |
--------------------------------------------------------------------------------
/sectional-test/templates/customers/account.liquid:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
8 |
9 |
{{ 'customer.orders.title' | t }}
10 |
11 | {% paginate customer.orders by 20 %}
12 | {% if customer.orders.size != 0 %}
13 |
14 |
15 |
16 |
17 | {{ 'customer.orders.order_number' | t }}
18 | {{ 'customer.orders.date' | t }}
19 | {{ 'customer.orders.payment_status' | t }}
20 | {{ 'customer.orders.fulfillment_status' | t }}
21 | {{ 'customer.orders.total' | t }}
22 |
23 |
24 |
25 | {% for order in customer.orders %}
26 |
27 |
28 | {{ order.name }}
29 |
30 | {{ order.created_at | date: format: 'month_day_year' }}
31 | {{ order.financial_status_label }}
32 | {{ order.fulfillment_status_label }}
33 | {{ order.total_price | money }}
34 |
35 | {% endfor %}
36 |
37 |
38 |
39 | {% else %}
40 |
41 |
{{ 'customer.orders.none' | t }}
42 |
43 | {% endif %}
44 | {% if paginate.pages > 1 %}
45 | {% include 'pagination' %}
46 | {% endif %}
47 | {% endpaginate %}
48 |
49 |
56 |
57 |
53 | 
28 |
29 | {%- assign initial_value_size = formatted_initial_value | size -%}
30 | 
69 |
70 |
45 | {% if blog.moderated? %} 46 | {{ 'blogs.comments.success_moderated' | t }} 47 | {% else %} 48 | {{ 'blogs.comments.success' | t }} 49 | {% endif %} 50 |
51 | {% endif %} 52 | 53 |54 | {% comment %} 55 | If a comment was just submitted with no blank field, show it. 56 | {% endcomment %} 57 | {% if comment and comment.created_at %} 58 |-
59 | {% include 'comment' %}
60 |
61 | {% endif %}
62 |
63 | {% for comment in article.comments %}
64 | -
65 | {% include 'comment' %}
66 |
67 | {% endfor %}
68 |
69 | 70 | {% if paginate.pages > 1 %} 71 | {% include 'pagination' %} 72 | {% endif %} 73 | 74 |