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
{% comment %} | |
Source: https://gist.github.com/carolineschnapp/9122054 | |
If you are not on a collection page, do define which collection to use in the order form. | |
Use the following assign statement, replace 'your-collection-handle-here' with your collection handle. | |
{% assign collection = collections.your-collection-handle-here %} | |
Use the assign statement outside of this comment block at the top of your template. | |
{% endcomment %} | |
{% paginate collection.products by 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
<!-- Facebook Filled icon by Icons8 --> | |
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0px" y="0px" width="50" height="50" viewBox="0 0 50 50" style="null" class="icon icons8-Facebook-Filled" > <path d="M40,0H10C4.486,0,0,4.486,0,10v30c0,5.514,4.486,10,10,10h30c5.514,0,10-4.486,10-10V10C50,4.486,45.514,0,40,0z M39,17h-3 c-2.145,0-3,0.504-3,2v3h6l-1,6h-5v20h-7V28h-3v-6h3v-3c0-4.677,1.581-8,7-8c2.902,0,6,1,6,1V17z"></path></svg> |
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
<code> | |
clicking on "ul.feature li, ul.feature li img" removes class "open" on "ul.feature li" | |
clicking on "ul.feature li" adds class "open" on "target" | |
</code> |
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
<code> | |
clicking on "ul.feature li" adds class "open" on "target" | |
</code> |
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
ul.feature .open > * { | |
pointer-events: auto; | |
-webkit-transform: translate(-25%, -25%); | |
transform: translate(-25%, -25%); | |
} | |
ul.feature .open img { | |
z-index: 3; | |
} | |
ul.feature .open p { | |
z-index: 2; |
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
ul.feature li > * { | |
pointer-events: none; | |
-webkit-transform: scale(.5); | |
-webkit-transform-origin: 0 0; | |
transform: scale(.5); | |
transform-origin: 0 0; | |
transition: .4s cubic-bezier(.3,0,0,1.2); | |
} |
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
<ul class="feature"> | |
<li> | |
<img src="//cdn.shopify.com/s/files/1/1008/6622/products/1_large.jpg?v=1443667905" alt="Buckle" /> | |
<p><strong>Buckle</strong></p> | |
</li> | |
<li> | |
<img src="//cdn.shopify.com/s/files/1/1008/6622/products/2_large.png?v=1443667927" alt="Strap" /> | |
<p><strong>Leather Strap</strong></p> | |
</li> | |
<li> |
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
<script src="http://uilang.com/lib/production/uilang.js"></script> |
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
<code> | |
clicking on "ul.feature li, ul.feature li img" removes class "open" on "ul.feature li" | |
clicking on "ul.feature li" adds class "open" on "target" | |
</code> |
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
<head> | |
<script src="https://cdn.shopify.com/s/assets/external/app.js"></script> | |
<script type="text/javascript"> | |
ShopifyApp.init({ | |
apiKey: 'YOUR_APP_API_KEY', |
NewerOlder