Skip to content

Instantly share code, notes, and snippets.

View raihan004's full-sized avatar
🏠
Working from home

MH Raihan raihan004

🏠
Working from home
View GitHub Profile
<!-- Ajax API -->
{{ '//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' | script_tag }}
{{ 'api.jquery.js' | shopify_asset_url | script_tag }}
<style type="text/css">
#rv__recent_products.rv__grid{width: 100%; margin-top: 20px;}
.rv__grid .row{ display: block; clear: both;}
.rv__grid .rv__row .rv__column{ float: left; }
.rv__grid .rv__row .rv__column.rv__one{ width: 8.3%; }
.rv__grid .rv__row .rv__column.rv__two{ width: 16.66%; }
@raihan004
raihan004 / filter-vendor.liquid
Created May 14, 2017 06:34 — forked from Chrisedmo/filter-vendor.liquid
Shopify: Filter by Vendor
<!-- add the vendor as product tag to product then use this code in collection.liquid -->
<!-- if we are on a collection page that is either custom or smart -->
{% if collection.url != blank %}
<h4>Shop by vendor:</h4>
<ul>
{% for product_vendor in collection.all_vendors %}
<li>
{% if current_tags contains product_vendor %}
<a class="active" href="{{ collection.url }}">{{ product_vendor }}</a>
{% else %}
@raihan004
raihan004 / settings_schema.json
Last active June 6, 2017 06:07
This gitst for shopify plartform. Make Dynamics youtube video section
{
"name": "Youtube",
"settings":[
{
"type": "header",
"content": "Youtube Section"
},
{
"type": "text",
"id": "youtube_video_link",
@raihan004
raihan004 / btn-responsive.css
Created September 13, 2015 09:02
responsive bootstrap button using media queries
@media (max-width: 768px) {
.btn-responsive {
padding:2px 4px;
font-size:80%;
line-height: 1;
border-radius:3px;
}
}
@media (min-width: 769px) and (max-width: 992px) {
@raihan004
raihan004 / 0_reuse_code.js
Last active September 13, 2015 08:40
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@raihan004
raihan004 / index.html
Last active September 17, 2015 23:47
js calculator // source http://jsbin.com/tenevo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
span{
display: inline-block;
width: 24px;
height: 20px;