MH Raihan raihan004

## blob-filereader-localStorage.js
// Getting a file through XMLHttpRequest as an arraybuffer and creating a Blob
var rhinoStorage = localStorage.getItem("rhino"),
    rhino = document.getElementById("rhino");
if (rhinoStorage) {
    // Reuse existing Data URL from localStorage
    rhino.setAttribute("src", rhinoStorage);
}
else {
    // Create XHR and FileReader objects
    var xhr = new XMLHttpRequest(),

## shopify-money.js
var Shopify = Shopify || {};
// ---------------------------------------------------------------------------
// Money format handler
// ---------------------------------------------------------------------------
Shopify.money_format = "${{amount}}";
Shopify.formatMoney = function(cents, format) {
  if (typeof cents == 'string') { cents = cents.replace('.',''); }
  var value = '';
  var placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
  var formatString = (format || this.money_format);

## jquery.shopify-ajax-cart.js
/*
 *  Project:     Shopify AJAX Cart Plugin
 *  Description: Provides AJAX cart functionality for interacting with the Shopify AJAX API so you don't need an "Update Cart" button
 *  Dependency:  jQuery 1.6+
 *  Author:      Ryan Marshall (ryan@schmoove.co.nz)
 *  License:     Free
 *  Usage:
 *
 *  $('#cart-form').shopifyAJAXCart({
 *     item:        '.line-item-container',

## gulpfile.js
var gulp = require('gulp');
var sass = require('gulp-sass');
var replace = require('gulp-replace');
var autoprefixer = require('gulp-autoprefixer');
var concat = require('gulp-concat');

gulp.task('compilesass', function() {
	// root SASS file (contains all your includes)
	return gulp.src('./sass/style.scss')
		// compile SASS to CSS

## bootstrap-pagination.liquid
<nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item {% unless paginate.previous.is_link %} disabled  {% endunless %}">
      <a class="page-link" href="{{ paginate.previous.url }}" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
        <span class="sr-only">{{ 'general.pagination.previous' | t }}</span>
      </a>
    </li>
    {% assign count = paginate.pages %}
      {% for part in paginate.parts %}

## random.js
/**
 * Get a random floating point number between `min` and `max`.
 *
 * @param {number} min - min number
 * @param {number} max - max number
 * @return {number} a random floating point number
 */
function getRandomFloat(min, max) {
  return Math.random() * (max - min) + min;
}

## index.html
<!DOCTYPE html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
    <title>Shopify filtering Boilerplate</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="_assets/css/style.css">
  </head>
  <body>

## available-colors.liquid
{% comment %}
  Do we have a Color option?
  If so, is it the first, second or third option of that product?
  We will need to access values so we need that color index.
{% endcomment %}

{% assign has_color = false %}
{% assign color_option_index = 0 %}
{% for option in product.options %}
  {% assign downcased_option = option | downcase %}

## gist:133b534a15ac07d2ee488140267bea14
{% assign total_saving = 0 %}
{% for item in cart.items %}
{% if item.variant.compare_at_price > item.variant.price %}
{% capture saving %}{{ item.variant.compare_at_price | minus: item.variant.price }}{% endcapture %}
{% assign total_saving = saving | plus: total_saving %}
{% endif %}
...rest of cart code within for loop
{% endfor %}

Display saving:

## remove-empty-p.js
/**
 * Remove empty <p> tags.
 *
 * See: http://stackoverflow.com/questions/27781798/wordpress-retain-formatting-when-calling-extended-content#comment43990361_27782619
 * This seems to be the easiest solution. Remove this function if this ever gets fixed.
 * Credits: http://stackoverflow.com/questions/6092855/how-do-i-remove-empty-p-tags-with-jquery
 */
( function( $ ) {

	$( 'p' ).each( function() {
	// Getting a file through XMLHttpRequest as an arraybuffer and creating a Blob
	var rhinoStorage = localStorage.getItem("rhino"),
	rhino = document.getElementById("rhino");
	if (rhinoStorage) {
	// Reuse existing Data URL from localStorage
	rhino.setAttribute("src", rhinoStorage);
	}
	else {
	// Create XHR and FileReader objects
	var xhr = new XMLHttpRequest(),
	var Shopify = Shopify \|\| {};
	// ---------------------------------------------------------------------------
	// Money format handler
	// ---------------------------------------------------------------------------
	Shopify.money_format = "${{amount}}";
	Shopify.formatMoney = function(cents, format) {
	if (typeof cents == 'string') { cents = cents.replace('.',''); }
	var value = '';
	var placeholderRegex = /\{\{\s(\w+)\s\}\}/;
	var formatString = (format \|\| this.money_format);
	/*
	* Project: Shopify AJAX Cart Plugin
	* Description: Provides AJAX cart functionality for interacting with the Shopify AJAX API so you don't need an "Update Cart" button
	* Dependency: jQuery 1.6+
	* Author: Ryan Marshall (ryan@schmoove.co.nz)
	* License: Free
	* Usage:
	*
	* $('#cart-form').shopifyAJAXCart({
	* item: '.line-item-container',
	var gulp = require('gulp');
	var sass = require('gulp-sass');
	var replace = require('gulp-replace');
	var autoprefixer = require('gulp-autoprefixer');
	var concat = require('gulp-concat');

	gulp.task('compilesass', function() {
	// root SASS file (contains all your includes)
	return gulp.src('./sass/style.scss')
	// compile SASS to CSS
	<nav aria-label="Page navigation example">
	<ul class="pagination">
	<li class="page-item {% unless paginate.previous.is_link %} disabled {% endunless %}">
	<a class="page-link" href="{{ paginate.previous.url }}" aria-label="Previous">
	<span aria-hidden="true">«</span>
	<span class="sr-only">{{ 'general.pagination.previous' \| t }}</span>
	</a>
	</li>
	{% assign count = paginate.pages %}
	{% for part in paginate.parts %}
	/**
	* Get a random floating point number between `min` and `max`.
	*
	* @param {number} min - min number
	* @param {number} max - max number
	* @return {number} a random floating point number
	*/
	function getRandomFloat(min, max) {
	return Math.random() * (max - min) + min;
	}
	<!DOCTYPE html>
	<html class="no-js">
	<head>
	<meta charset="utf-8">
	<title>Shopify filtering Boilerplate</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="_assets/css/style.css">
	</head>
	<body>
	{% comment %}
	Do we have a Color option?
	If so, is it the first, second or third option of that product?
	We will need to access values so we need that color index.
	{% endcomment %}

	{% assign has_color = false %}
	{% assign color_option_index = 0 %}
	{% for option in product.options %}
	{% assign downcased_option = option \| downcase %}
	{% assign total_saving = 0 %}
	{% for item in cart.items %}
	{% if item.variant.compare_at_price > item.variant.price %}
	{% capture saving %}{{ item.variant.compare_at_price \| minus: item.variant.price }}{% endcapture %}
	{% assign total_saving = saving \| plus: total_saving %}
	{% endif %}
	...rest of cart code within for loop
	{% endfor %}

	Display saving: