This file contains hidden or 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
| .parent:hover .child { | |
| display: block; | |
| -webkit-animation: fadeIn 1s; | |
| animation: fadeIn 1s; | |
| } | |
| @-webkit-keyframes fadeIn { | |
| from { opacity: 0; } | |
| to { opacity: 1; } | |
| } |
This file contains hidden or 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
| function getURLParameter(name) { | |
| return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null | |
| } |
ashukasma
/ Image Size
Last active
April 11, 2017 17:05
— forked from mnuno10/Change Image By Size
Shopify
This file contains hidden or 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
| <picture> | |
| <source media="(max-width: 480px)" srcset="{{ home_slideshow_large_image | asset_url }} 1x, {{ 'slideshow_1_1024x1024.jpg' | asset_url }} 2x"> | |
| <source media="(max-width: 640px)" srcset="{{ home_slideshow_grande_image | asset_url }} 1x, {{ 'slideshow_1_1024x1024.jpg' | asset_url }} 2x"> | |
| <source media="(max-width: 1024px)" srcset="{{ home_slideshow_1024_image | asset_url }} 1x, {{ 'slideshow_1.jpg' | asset_url }} 2x"> | |
| <img src="{% comment %}ly_asset_replace_for_[ home_slideshow_image | asset_url ]_begin{% endcomment %}{% assign ly_asset = home_slideshow_image %}{% include 'ly-asset' with ly_asset %}{{ ly_translation }}{% comment %}ly_asset_replace_end{% endcomment %}" alt=""> | |
| </picture> |
ashukasma
/ gist:b5dabcd6d14117366174
Created
March 20, 2016 01:10
— forked from dlindenkreuz/gist:a439ec4b939f0561d6d9
Shopify handleize function in JavaScript
This file contains hidden or 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
| // one-liner version | |
| // retains latin-1 supplement chars as well as latin extended-a and latin extended-b | |
| Shopify.handleize = function (str) { | |
| return str.toLowerCase().replace(/[^\w\u00C0-\u024f]+/g, "-").replace(/^-+|-+$/g, ""); | |
| }; |
ashukasma
/ cart issue
Last active
January 25, 2016 11:01
This file contains hidden or 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
| {"id":"08c8b5f2-5c66-c9e2-a487-d38c5b6bc42d","name":"cart issue","timestamp":1453716073907,"requests":[{"collectionId":"08c8b5f2-5c66-c9e2-a487-d38c5b6bc42d","id":"6be104e2-02ca-7024-083c-10a273e00ed3","name":"http://purplesageyarns.com/cart/change.js","description":"","url":"http://purplesageyarns.com/cart/change.js","method":"POST","headers":"","data":[{"key":"line","value":"1","type":"text"},{"key":"quantity","value":"19","type":"text"}],"dataMode":"params","timestamp":0,"responses":[],"version":2},{"collectionId":"08c8b5f2-5c66-c9e2-a487-d38c5b6bc42d","id":"7510e0ae-3ef8-1c60-8293-54f8767ce8a8","name":"http://purplesageyarns.com/cart/add.js","description":"","url":"http://purplesageyarns.com/cart/add.js","method":"POST","headers":"","data":[{"key":"id","value":"14566848771","type":"text"},{"key":"quantity","value":"1","type":"text"}],"dataMode":"params","timestamp":0,"responses":[],"version":2}]} |
ashukasma
/ usage of tablerow in shopify
Last active
January 17, 2016 13:32
This file contains hidden or 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
| {% tablerow product in collection.products cols: 3 %} | |
| <div class = "image"> | |
| <a href="{{ product.url | within: collection }}" | |
| title="{{ product.title }}"> | |
| <img src="{{ product.images.first | product_img_url: 'small' }}" | |
| alt="{{ product.title }}" /></a> | |
| </div> | |
| <div class = "details"> |
ashukasma
/ Ajax in JS
Created
January 6, 2016 09:44
This file contains hidden or 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
| var ajax = {}; | |
| ajax.x = function () { | |
| if (typeof XMLHttpRequest !== 'undefined') { | |
| return new XMLHttpRequest(); | |
| } | |
| var versions = [ | |
| "MSXML2.XmlHttp.6.0", | |
| "MSXML2.XmlHttp.5.0", | |
| "MSXML2.XmlHttp.4.0", | |
| "MSXML2.XmlHttp.3.0", |
This file contains hidden or 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
| .grid-link__image-centered{ | |
| display:block; | |
| position:relative; | |
| .original{ | |
| opacity:1; | |
| transition: opacity 1s ease-in-out; | |
| -moz-transition: opacity 1s ease-in-out; | |
| -webkit-transition: opacity 1s ease-in-out; | |
| } |
This file contains hidden or 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
| {% include 'black-friday-sale-banner' %} |
ashukasma
/ Bootstrap 3 only modals.html
Last active
August 29, 2015 14:23
— forked from shlomohass/Bootstrap 3 only modals.html
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | |
| <title>Bootstrap Modals only - by shlomo hassid</title> | |
| <script type='text/javascript' src='//code.jquery.com/jquery-1.11.0.js'></script> | |
| <style type='text/css'> | |
| [role="button"] { | |
| cursor: pointer; | |
| } |
NewerOlder