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
@raihan004
raihan004 / custom.js
Created November 25, 2020 07:08
search json data via ajax
// method one
fetch(`/search?view=json&q=tee}`)
.then(response => response.json())
.then(data => console.log(data));
// method 2
const search = async e => {
const query ="cuff";
const {results, count} = await getResults(query);
//const html = results.map(generateItemHtml).join('');
@raihan004
raihan004 / blob-filereader-localStorage.js
Created November 15, 2020 00:00 — forked from robnyman/blob-filereader-localStorage.js
Get file as a blob, read through FileReader and save in localStorage
// 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(),
router.get("/", (req, res) => {
const msg = req.flash("success");
console.log("success: "+ msg );
res.render("admin", {
title: "admin pages",
success: msg
});
});
@raihan004
raihan004 / image.liquid
Created December 20, 2019 01:46
variant change when image updated
{% for image in product.images %}
<div class="swiper-slide" {% if featured_image == image %}data-featured="true"{% endif %}>
<a data-image-id="{{ image.id }}" class="mpi product-gallery__image product-gallery__image-{{ forloop.index }}" href="{{ image | product_img_url: '2048x' }}" title="{{ image.alt | escape }}" data-full-size-src="{{ image | product_img_url: 'master' }}">
{% include 'responsive-image', image: image %}
</a>
</div>
{% endfor %}
@raihan004
raihan004 / shopify-money.js
Created August 27, 2019 17:01 — forked from stewartknapman/shopify-money.js
The Shopify.formatMoney method extracted from option_selection.js for stand-alone purposes.
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);
@raihan004
raihan004 / jquery.shopify-ajax-cart.js
Created July 17, 2019 03:28 — forked from schmoove/jquery.shopify-ajax-cart.js
A handy jQuery plugin for updating the Shopify Cart via their AJAX API
/*
* 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',
@raihan004
raihan004 / gulpfile.js
Created November 9, 2018 17:26 — forked from derekmorash/gulpfile.js
Gulp task to compile Shopify Liquid tags in SASS with Autoprefixer
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
@raihan004
raihan004 / product.js
Created October 28, 2018 20:33
@shopify/theme-product
this.Shopify = this.Shopify || {};
this.Shopify.theme = this.Shopify.theme || {};
this.Shopify.theme.product = (function (exports) {
'use strict';
/**
* Find a match in the project JSON (using a ID number) and return the variant (as an Object)
* @param {Object} product Product JSON object
* @param {Number} value Accepts Number (e.g. 6908023078973)
* @returns {Object} The variant object once a match has been successful. Otherwise null will be return
@raihan004
raihan004 / product-template.liquid
Created September 22, 2018 11:23
how-to-skip-the-cart-page-with-the-carthook-checkout
{% comment %}
-- documentation
-- https://developers.carthook.com/docs/how-to-skip-the-cart-page-with-the-carthook-checkout
{% endcomment %}
<form action="/checkout" style="display: none;">
<a href="/checkout" name="checkout" style="display: none;"></a>
</form>
var pSettings={progressBg:"#23468c",progressBg2:"#d9e3f7",highDemandText:"An item you ordered is in high demand. No worries, we have reserved your order.",discountText:"Enter your discount code here",whyUsImg1:"",whyUsTitle1:"The course helped me put safety back in my daily routine not only in the workplace but at home aswell.",whyUsText1:"-- Rob H. ",whyUsImg2:"",whyUsTitle2:"It made me aware the quickest way to do things is not always the safest way. That you need to be aware of your surroundings and surroundings of others ",whyUsText2:"-- Dave P. ",whyUsImg3:"",whyUsTitle3:"Easy to operate without being a computer expert. ",whyUsText3:"-- Peter S. "};function crC(e,t,s){if(s){var i=new Date;i.setTime(i.getTime()+60*s*1e3);var n="; expires="+i.toUTCString()}else n="";document.cookie=e+"="+t+n+"; path=/"}function rdC(e){for(var t=e+"=",s=document.cookie.split(";"),i=0;i<s.length;i++){for(var n=s[i];" "==n.charAt(0);)n=n.substring(1,n.length);if(0==n.indexOf(t))return n.substring(t.length,n.length)}return n