-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'develop' of https://github.com/Blendtec/blendtec-shopif…
- Loading branch information
Showing
26 changed files
with
1,594 additions
and
10 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| .image-text { | ||
| width:100%; | ||
| background-size:cover; | ||
| background-repeat:no-repeat; | ||
| background-position:center; | ||
| h2 { | ||
| font-family: 'CooperHewitt-Bold'; | ||
| } | ||
| .top-margin { | ||
| margin-top: 100px; | ||
| } | ||
| .button-margin { | ||
| margin-top: 25px; | ||
| margin-bottom:100px; | ||
| a { | ||
| padding: 10px 35px !important; | ||
| font-family: 'CooperHewitt-Light' !important; | ||
| } | ||
| } | ||
| .image-text-image { | ||
| width:100%; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| .recipe-cards { | ||
| margin: 50px 0px; | ||
| .grid { | ||
| max-width:1200px; | ||
| margin:auto; | ||
| padding-right:30px; | ||
| } | ||
| .btn { | ||
| width: 100% !important; | ||
| font-size: 1.2em; | ||
| font-family: 'CooperHewitt-Medium'; | ||
| } | ||
| .section-title { | ||
| font-size: 2em; | ||
| font-family: 'CooperHewitt-Bold'; | ||
| } | ||
| } | ||
|
|
||
| .recipe-card { | ||
| margin: 50px 0px; | ||
| height: 500px; | ||
| position:relative; | ||
| width:100%; | ||
| background-size:cover; | ||
| background-repeat:no-repeat; | ||
| background-position:center; | ||
| .btn { | ||
| position:absolute; | ||
| bottom: 0px; | ||
| } | ||
| .card-title { | ||
| color: white; | ||
| font-size: 2em; | ||
| padding: 20px; | ||
| font-family: 'CooperHewitt-Medium'; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| .static-hero { | ||
| height:500px; | ||
| width:100%; | ||
| background-size:cover; | ||
| background-repeat:no-repeat; | ||
| background-position:center; | ||
| h2 { | ||
| font-family: 'CooperHewitt-Bold'; | ||
| } | ||
| .top-margin { | ||
| margin-top: 25%; | ||
| } | ||
| .button-margin { | ||
| margin-top: 5%; | ||
| a { | ||
| padding: 10px 35px !important; | ||
| font-family: 'CooperHewitt-Light' !important; | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,116 @@ | ||
|
|
||
| <div class="image-text"> | ||
| <div class="grid" style="max-width:1200px;margin:auto;"> | ||
| <div class="grid__item"> | ||
| <div class="grid"> | ||
| {% if section.settings.text_orientation == 'two' %} | ||
| <div class="grid__item large--one-half"> | ||
| {% assign imageWidths = "400 600 800 1000" %} | ||
| {% assign imageObject = section.settings.section_image %} | ||
| {% assign imageClasses = 'image-text-image' %} | ||
| {% include 'lazy-load-image' %} | ||
| </div> | ||
| {% endif %} | ||
| <div class="grid__item large--one-half"> | ||
| <div class="top-margin"> | ||
| <h2 style="color:{{section.settings.header_color}}">{{section.settings.header}}</h2> | ||
| <hr class="accent"> | ||
| <div style="color: {{section.settings.text_color}}">{{section.settings.text}}</div> | ||
| <div class="button-margin"> | ||
| {% assign text = section.settings.button_text %} | ||
| {% assign url = section.settings.button_link %} | ||
| {% include 'cta-button' %} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| {% if section.settings.text_orientation == 'one' %} | ||
| <div class="grid__item large--one-half"> | ||
| {% assign imageWidths = "400 600 800 1000" %} | ||
| {% assign imageObject = section.settings.section_image %} | ||
| {% assign imageClasses = 'image-text-image' %} | ||
| {% include 'lazy-load-image' %} | ||
| </div> | ||
| {% endif %} | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| {% if section.settings.static_image_background %} | ||
| {% assign backgroundImageWidths = "1100 1300 1500" %} | ||
| {% assign backgroundClass = ".image-text" %} | ||
| {% assign imageObject = section.settings.static_image_background %} | ||
| {% include 'lazy-load-background' %} | ||
| {% endif %} | ||
|
|
||
| {% schema %} | ||
| { | ||
| "name": "Image Text", | ||
| "class": "image-text-wrapper", | ||
| "settings": [ | ||
| { | ||
| "type": "image_picker", | ||
| "id": "section_image", | ||
| "label": "Section Image", | ||
| "info": "Required." | ||
| }, | ||
| { | ||
| "type": "image_picker", | ||
| "id": "static_image_background", | ||
| "label": "Section Background Image", | ||
| "info": "Make at least 1100 px wide" | ||
| }, | ||
| { | ||
| "type": "radio", | ||
| "id": "text_orientation", | ||
| "label": "Text left vs Text right", | ||
| "options": [ | ||
| { "value": "one", "label": "Text left" }, | ||
| { "value": "two", "label": "Text right" } | ||
| ], | ||
| "default": "two", | ||
| "info": "This determines the orientation of this section" | ||
| }, | ||
| { | ||
| "type":"text", | ||
| "id":"header", | ||
| "label":"Section 2 Headline", | ||
| "default":"BEST BLENDER" | ||
| }, | ||
| { | ||
| "type": "color", | ||
| "id": "header_color", | ||
| "label": "Header Color", | ||
| "default": "#000000" | ||
| }, | ||
| { | ||
| "type":"text", | ||
| "id":"text", | ||
| "label":"Text", | ||
| "default":"Every Blendtec is professional-grade with the most powerful motors in the industry, the longest warranty in the business, and fashion-forward industrial designs that look great on your countertop. Blendtec blenders are the most advanced blenders you can buy." | ||
| }, | ||
| { | ||
| "type": "color", | ||
| "id": "text_color", | ||
| "label": "Text Color", | ||
| "default": "#000000" | ||
| }, | ||
| { | ||
| "type":"text", | ||
| "id": "button_text", | ||
| "label":"Button Text", | ||
| "default":"Get Yours" | ||
| }, | ||
| { | ||
| "type": "url", | ||
| "id": "button_link", | ||
| "label": "Button Link" | ||
| } | ||
| ], | ||
| "presets": [{ | ||
| "name": "Image Text", | ||
| "category": "Text" | ||
| }] | ||
| } | ||
| {% endschema %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,81 @@ | ||
|
|
||
| <div class="recipe-cards"> | ||
| <div class="grid"> | ||
| <div class="grid__item large--two-thirds medium--two-thirds section-title">{{section.settings.section_title}}</div> | ||
| <div class="grid__item large--one-third medium--one-third"> | ||
| {% assign text = section.settings.more_recipes %} | ||
| {% assign url = section.settings.recipes_link %} | ||
| {% include 'cta-button' %} | ||
| </div> | ||
| </div> | ||
| <div class="grid"> | ||
| {% assign viewRecipes = section.settings.view_recipe %} | ||
| <div class="grid__item large--one-third medium--one-third"> | ||
| {% assign art = articles[section.settings.featured_article] %} | ||
| {% assign cardClass = 'recipe-card-1' %} | ||
| {% include 'recipe-card' %} | ||
| </div> | ||
| <div class="grid__item large--one-third medium--one-third"> | ||
| {% assign art = articles[section.settings.featured_article_2] %} | ||
| {% assign cardClass = 'recipe-card-2' %} | ||
| {% include 'recipe-card' %} | ||
| </div> | ||
| <div class="grid__item large--one-third medium--one-third"> | ||
| {% assign art = articles[section.settings.featured_article_3] %} | ||
| {% assign cardClass = 'recipe-card-3' %} | ||
| {% include 'recipe-card' %} | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| {% schema %} | ||
| { | ||
| "name": "Recipe Cards", | ||
| "class": "recipe-cards-wrapper", | ||
| "settings": [ | ||
| { | ||
| "type": "article", | ||
| "id": "featured_article", | ||
| "label": "Choose a recipe you want to display." | ||
| }, | ||
| { | ||
| "type": "article", | ||
| "id": "featured_article_2", | ||
| "label": "Choose a recipe you want to display." | ||
| }, | ||
| { | ||
| "type": "article", | ||
| "id": "featured_article_3", | ||
| "label": "Choose a recipe you want to display." | ||
| }, | ||
| { | ||
| "type":"text", | ||
| "id":"more_recipes", | ||
| "label":"Top Button", | ||
| "default":"View More Recipes" | ||
| }, | ||
| { | ||
| "type":"text", | ||
| "id":"view_recipe", | ||
| "label":"View Recipe Button", | ||
| "default":"View Recipe" | ||
| }, | ||
| { | ||
| "type": "url", | ||
| "id": "recipes_link", | ||
| "label": "More Recipes Link" | ||
| }, | ||
| { | ||
| "type":"text", | ||
| "id":"section_title", | ||
| "label":"Section title", | ||
| "default":"RECIPES" | ||
| } | ||
| ], | ||
| "presets": [{ | ||
| "name": "Recipe Cards", | ||
| "category": "Text" | ||
| }] | ||
| } | ||
| {% endschema %} |
Oops, something went wrong.