Hovhannes Sargsyan sarhov
sarhov
/ video-wrap.css
Last active
February 22, 2021 17:21
YouTube video into div wrapper to make it responsive. Plain JS solution.
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
| .videoWrapper { | |
| position: relative; | |
| padding-bottom: 56.25%; /* 16:9 */ | |
| height: 0; | |
| } | |
| .videoWrapper iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; |
sarhov
/ gist:72044701a03239e6853550d510f19fe0
Created
December 18, 2019 04:07
— forked from dlindenkreuz/gist:a439ec4b939f0561d6d9
Shopify handleize function in JavaScript
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
| // 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, ""); | |
| }; |
sarhov
/ How To Use Shopify Upsell Modal
Created
May 28, 2019 19:31
— forked from seedcms/How To Use Shopify Upsell Modal
Shopify Upsell Modal
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
| 1. add snippet to cart.liquid file at the bottom of the file | |
| {% include 'upsell-modal' %} | |
| 2. add css to theme.liquid in the header | |
| {{ 'upsell-modal.scss' | asset_url | stylesheet_tag }} |
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
| <!--Info block--> | |
| <div class="info"> | |
| <div class="info__image"> | |
| <img src="https://cdn.shopify.com/s/files/1/1938/5147/files/Screen_Shot_2017-08-20_at_8.22.24_PM.png?4229811047402532865" alt="" class="info__img"> | |
| </div> | |
| <div class="info__content"> | |
| <h2>Biography</h2> | |
| <p>Brittany Lee is a self-taught abstract painter from Baton Rouge, Louisiana whose travels have been one of her biggest influences in her artwork.</p> |
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
| <!--mid-image--> | |
| <div class="product-feature-row-acoustic"> | |
| <div class="mobile_feature_title visible-xs"><h2>ACOUSTIC PANEL <br> FEATURES</h2></div> | |
| <div class="mobile_feature_mask visible-xs"></div> | |
| <div class="prod_feature_title container"> | |
| <div class="first-feature-wrap"> | |
| <div class="first-feature-top"> | |
| MDF CONSTRUCTION | |
| </div> | |
| <div class="first-feature-bottom"> |
sarhov
/ Fly to Cart Jquery
Created
June 3, 2017 14:30
— forked from malachi358/Fly to Cart Jquery
Fly to Cart Jquery
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
| // ADD TO CART IMAGE ANIMATION (FLY TO CART) -- COOL -- // | |
| $cart = $('span.glyphicon-shopping-cart'); | |
| /* get details about the cart div */ | |
| var t = $cart.offset().top; | |
| var l = $cart.offset().left; | |
| var w = parseInt($cart.css('width').replace('px','')); | |
| var h = parseInt($cart.css('height').replace('px','')); | |
| var vCenter = (t+h)/2; // vertical center of cart div | |
| var hCenter = (l+w)/2; // horizontal center of cart div | |
| $('.add-to-cart-button').on('click',function(e){ |
sarhov
/ Shopify tag filter groups
Created
November 3, 2015 09:29
— forked from darryn/Shopify tag filter groups
Create tag filter groups in Shopify. This snippet is designed to group and separate out collection tags. It requires the tags to share a common value prepended to the tag with an underscore. E.g. to create a separate tag filter group for 'brands', each product will need to be tagged with 'brand_Nike' or 'brand_Reebok'. Some of this is probably l…
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
| {% if template contains 'collection' and collection.all_tags.size > 1 %} | |
| <!-- A recursive loop to catch and filter out the different tag categories --> | |
| {% assign c = 0 %} | |
| {% for t in collection.all_tags %} | |
| {% capture cat %}{{ cat }}{% capture temp_cat %}{% if t contains '_' %}{% assign cat_grp = t | split: '_' %}{{ cat_grp.first }}{% endif %}{% endcapture %}{% unless cat contains temp_cat %}{% if t contains '_' %}{% assign new_cat_grp = t | split: '_' %}{{ new_cat_grp.first }}{% endif %}{% unless forloop.last %}+{% endunless %}{% assign c = c | plus: 1 %}{% endunless %}{% endcapture %} | |
| {% endfor %} | |
| <!-- create array of tag categories --> | |
| {% assign cat_array = cat | split: '+' %} |
sarhov
/ google-fonts.json
Last active
November 1, 2015 00:11
All google fonts in json for Shopify Theme Options
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
| [ | |
| { | |
| "value": "ABeeZee", | |
| "label": "ABeeZee" | |
| }, | |
| { | |
| "value": "Abel", | |
| "label": "Abel" | |
| }, | |
| { |