FAITHHAUS Category Page Example
How do I make an faithhaus category page example?
What is a faithhaus category page example? How do you make a faithhaus category page example? This script and codes were developed by UpBuild on 22 July 2022, Friday.
FAITHHAUS Category Page Example Previews
FAITHHAUS Category Page Example - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>FAITHHAUS Category Page Example</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<head> <!-- Basic page needs ================================================== --> <meta charset="utf-8"> <!-- Title and description ================================================== --> <title> Islam Gifts, Fashion, & Home Decor | FAITHHAUS </title> <meta name="description" content="FaithHaus has a collection of Islam gift ideas, clothing, and decorations for Muslim weddings, Eid, and other special occasions."> <!-- Product meta ================================================== --> <meta property="og:type" content="website"> <meta property="og:title" content="Islam Gifts, Fashion, & Home Decor | FAITHHAUS"> <meta property="og:image" content="http://cdn.shopify.com/s/files/1/1152/0564/t/4/assets/logo.png?13147555476794385617"> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/1152/0564/t/4/assets/logo.png?13147555476794385617"> <meta property="og:description" content="FaithHaus has a collection of Islam gift ideas, clothing, and decorations for Muslim weddings, Eid, and other special occasions."> <meta property="og:url" content="https://faithhaus.com/collections/islamic"> <meta property="og:site_name" content="FAITHHAUS"> <!-- Helpers ================================================== --> <link rel="canonical" href="https://faithhaus.com/collections/islamic"> <meta name="viewport" content="width=device-width,initial-scale=1"> <!-- Favicon --> <link rel="shortcut icon" href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/favicon.png?13147555476794385617" type="image/x-icon" /> <!-- fonts -->
<script type="text/javascript"> WebFontConfig = { google: { families: [ 'Montserrat:100,200,300,400,500,600,700,800,900' , 'Roboto:100,200,300,400,500,600,700,800,900' , 'Roboto Condensed:100,200,300,400,500,600,700,800,900' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })();
</script> <!-- Styles --> <!-- Font-Awesome ================================================== -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/bootstrap.min.css?13147555476794385617" rel="stylesheet" type="text/css" media="all" />
<!-- Theme base and media queries -->
<link href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/owl.carousel.css?13147555476794385617" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/owl.theme.css?13147555476794385617" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jcarousel.css?13147555476794385617" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/selectize.bootstrap3.css?13147555476794385617" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery.fancybox.css?13147555476794385617" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/component.css?13147555476794385617" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/theme-styles.css?13147555476794385617" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/theme-styles-setting.css?13147555476794385617" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/theme-styles-responsive.css?13147555476794385617" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/animate.css?13147555476794385617" rel="stylesheet" type="text/css" media="all" /> <!-- Scripts --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery.flexslider-min.js?13147555476794385617" defer></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery-cookie.min.js?13147555476794385617"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/selectize.min.js?13147555476794385617"></script>
<script> window.ajax_cart = true; window.money_format = "$ {{amount}} USD"; window.shop_currency = "USD"; window.show_multiple_currencies = true; window.loading_url = "//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/loading.gif?13147555476794385617"; window.use_color_swatch = true; window.product_image_resize = false; window.enable_sidebar_multiple_choice = true; window.dropdowncart_type = "hover"; window.file_url = "//cdn.shopify.com/s/files/1/1152/0564/files/?13147555476794385617"; window.asset_url = ""; window.images_size = { is_crop: false, ratio_width : 1, ratio_height : 1.35, };
</script> <!-- Header hook for plugins ================================================== --> <link href="/collections/islamic.atom" title="Feed" rel="alternate" type="application/atom+xml" />
<link rel="alternate" type="application/json+oembed" href="https://faithhaus.com/collections/islamic.oembed" />
<script>
//<![CDATA[ var Shopify = Shopify || {}; Shopify.shop = "faithhaus.myshopify.com"; Shopify.theme = {"name":"Webigneer ella-theme-new(May 09\/16)","id":104158214,"theme_store_id":null,"role":"main"};
//]]>
</script>
<script>
//<![CDATA[ (function() { function asyncLoad() { var urls = ["\/\/productreviews.shopifycdn.com\/assets\/v4\/spr.js?shop=faithhaus.myshopify.com","https:\/\/swiftype.com\/shopify\/v2\/embed.js?shop=faithhaus.myshopify.com","https:\/\/gift-reggie.eshopadmin.com\/static\/js\/agglomeration.js?shop=faithhaus.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } } window.attachEvent ? window.attachEvent('onload', asyncLoad) : window.addEventListener('load', asyncLoad, false); })();
//]]>
</script>
<script id="__st">
//<![CDATA[
var __st={"a":11520564,"offset":-25200,"reqid":"a2290cd7-c1d9-4b54-811f-a24c51dcd6c0","pageurl":"faithhaus.com\/collections\/islamic","u":"333ddd7405fa","p":"collection","rtyp":"collection","rid":219411590};
//]]>
</script>
<script>
//<![CDATA[ (function() { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//cdn.shopify.com/s/javascripts/shopify_stats.js?v=6'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })();
//]]>
</script>
<script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); var _gaUTrackerOptions = {'allowLinker': true};ga('create', 'UA-37454357-2', 'auto', _gaUTrackerOptions);ga('send', 'pageview'); (function(){ ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.action || target.href)) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i<document.forms.length; i++) { if(document.forms[i].action && document.forms[i].action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i<document.links.length; i++) { if(document.links[i].href && document.links[i].href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }) }()); </script><script type="text/javascript" src="//cdn.shopify.com/s/assets/themes_support/ga_urchin_forms-668547562549a84f5dfa01ef82607987f85ecbe1c8301faf25059becfa208199.js"></script> <script type="text/javascript"> window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; } </script> <script type="text/javascript"> window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script type="text/javascript" class="analytics"> (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var analytics = document.createElement('script'); var loaded = false; var onload = function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie.noConflict(); window.ShopifyAnalytics.lib.initialize( {"Trekkie":{"appName":"storefront","environment":"production","defaultAttributes":{"shopId":11520564}},"Facebook Pixel":{"pixelIds":["302993580091502"],"agent":"plshopify1.2","standardEvents":{"Performed Search":"Search","Added Payment":"AddPaymentInfo"}}} ); window.ShopifyAnalytics.lib.ready(function() { var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page( null, {"pageType":"collection","resourceType":"collection","resourceId":219411590} ); window.ShopifyAnalytics.lib.track( "Viewed Product Category", {"category":"Collection: islamic","nonInteraction":true} ); }); } analytics.onload = onload; analytics.onreadystatechange = function() { if (!/complete|loaded/.test(analytics.readyState)) return; onload(); } analytics.async = true; analytics.src = 'https://cdn.shopify.com/s/javascripts/trekkie.storefront.min.js?v=2016.06.23'; document.getElementsByTagName('head')[0].appendChild(analytics); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//cdn.shopify.com/s/assets/shop_events_listener-aa5b3af3c5c5edb71233985de841cccef4932a2c19dd6ece2d940e0e5e68dfc9.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })(); </script>
<link rel="next" href="/collections/islamic?page=2"/> <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <![endif]--> <meta name="p:domain_verify" content="19df2b7aa32b2008648d5f9331b9ec73"/>
</head>
<body id="islam-gifts-fashion-amp-home-decor-faithhaus" class=" template-collection toper" >
<div id="fb-root"></div>
<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6"; fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> <!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5CG5Z4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5CG5Z4');</script>
<!-- End Google Tag Manager --> <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1"> <div class="gf-menu-device-wrapper"> <div class="gf-menu-device-container"></div> </div> </nav> <div class="wrapper-container"> <header class="site-header"> <div class="header-bottom"> <div class="container"> <div class="header-mobile"> <div class="menu-block visible-phone"><!-- start Navigation Mobile --> <div id="showLeftPush"></div> </div><!-- end Navigation Mobile --> <div class="customer-area dropdown"> <a data-toggle="dropdown" href="#">Dropdown trigger</a> <div class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <p ><a href="/account">My Account</a></p> <div class="wishlist"><a href="/pages/wish-list" title="Wishlist">My Wishlist</a></div> </div> </div> </div>
<div class="header-top-right-section"> <div class="header-panel-top"> <div class="nav-search">
<a class="icon-search" href="javascript:void(0)">Search</a>
<form action="/search" method="get" class="input-group search-bar" role="search"> <input type="text" name="q" value="" placeholder="search" class="input-group-field" aria-label="Search Site" autocomplete="off"> <span class="input-group-btn"> <input type="submit" class="btn" value="Search"> </span>
</form>
</div> <div class="currency">
<select id="currencies"> <option data-currency="TRY" value="TRY">TRY</option> <option data-currency="EUR" value="EUR">EUR</option> <option data-currency="GBP" value="GBP">GBP</option> <option data-currency="USD" selected value="USD">USD</option>
</select>
<div id="currencies-modal" style="display:none"> The store's currency changed to <span></span>
</div>
<style>
.selectize-control div[data-value~="TRY"] {background: url(//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/i-currency-1.png?13147555476794385617) no-repeat;}
.selectize-control div[data-value~="EUR"] {background: url(//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/i-currency-2.png?13147555476794385617) no-repeat;}
.selectize-control div[data-value~="GBP"] {background: url(//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/i-currency-3.png?13147555476794385617) no-repeat;}
.selectize-control div[data-value~="USD"] {background: url(//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/i-currency-4.png?13147555476794385617) no-repeat;}
</style>
</div> <p class="text_order">Order online or call us (1800) 000 8808</p> </div>
</div> <div class="header-panel"> <!--============ header bottom cart and wishlist section =========== --> <div class="header-top-left-section"> <div class="header-panel-bottom"> <p class="free_shipping">Free shipping on All Orders. No Minimum Purchase.</p>
<ul class="customer-links"> <li class="wishlist"> <span class="icon"> </span> <a href="/pages/wish-list" title="My Wishlist">My Wishlist</a> </li> <li> <a href="/account/login" id="customer_login_link">Sign In</a> <span class="or">or</span> <a href="/account/register" id="customer_register_link">Create an account</a> </li>
</ul> <div class="top-header "> <div class="wrapper-top-cart"> <p class="top-cart"> <span class="icon"> </span> <a href="javascript:void(0)" id="cartToggle"> <span class="first">Shopping Cart</span> <span id="cartCount">0</span> </a> </p> <div id="dropdown-cart" style="display:none"> <div class="no-items"> <p>It appears that your cart is currently empty!</p> <p class="text-continue"><a href="javascript:void(0)">Continue Shopping</a></p> </div> <div class="has-items"> <ol class="mini-products-list"> </ol> <div class="summary"> <p class="total"> <span class="label" style="color:#000">Total:</span> <span class="price">$ 0.00</span> </p> </div> <div class="actions"> <button class="btn" onclick="window.location='/checkout'">Checkout</button> </div> <p class="text-cart"><a href="/cart">Or View Cart</a></p> </div> </div> </div> </div> <!-- End Top Header --> </div> <!--- End Cart and whislist section --> <div class="nav-search on">
<a class="icon-search" href="javascript:void(0)">Search</a>
<form action="/search" method="get" class="input-group search-bar" role="search"> <input type="text" name="q" value="" placeholder="search" class="input-group-field" aria-label="Search Site" autocomplete="off"> <span class="input-group-btn"> <input type="submit" class="btn" value="Search"> </span>
</form>
</div> </div> </div> <h1 class="header-logo imgsetting"> <a href="/"> <img width="500px" height="88px" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/logo.png?13147555476794385617" alt="FAITHHAUS"> </a> </h1> </div> <nav class="nav-bar"> <div class="header-logo-fix imgsetting"> <a href="/"> <img width="500px" height="88px" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/logo_fix.png?13147555476794385617" alt="FAITHHAUS"> </a> </div> <div class="container">
<ul class="site-nav"> <li class="dropdownn "> <a href="/collections/buddhist" class=""> <span>BUDDHIST</span> </a> <ul class="site-nav-dropdown"> <li > <a href="/collections/buddhist/Holidays-&-Celebrations" class=""> <span>Buddhist-Holidays & Celebrations</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/buddhist/Fashion-&-Beauty" class=""> <span>Buddhist-Fashion & Beauty</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/buddhist/Home-Decor" class=""> <span>Buddhist-Home Decor</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/buddhist/Kids" class=""> <span>Buddhist-Kids</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/buddhist/Gifts" class=""> <span>Buddhist-Gifts</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/buddhist/Wedding" class=""> <span>Buddhist-Wedding</span> </a> <ul class="site-nav-dropdown"> </ul> </li> </ul> </li> <li class="dropdownn "> <a href="/collections/christian" class=""> <span>CHRISTIAN</span> </a> <ul class="site-nav-dropdown"> <li > <a href="/collections/christian/Holidays-&-Celebrations" class=""> <span>Christian-Holidays & Celebrations</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/christian/Fashion-&-Beauty" class=""> <span>Christian-Fashion & Beauty</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/christian/Home-Decor" class=""> <span>Christian-Home Decor</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/christian/Kids" class=""> <span>Christian-Kids</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/christian/Gifts" class=""> <span>Christian Gifts</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/christian/Wedding" class=""> <span>Christian-Wedding</span> </a> <ul class="site-nav-dropdown"> </ul> </li> </ul> </li> <li class="dropdownn "> <a href="/collections/hindu" class=""> <span>HINDU</span> </a> <ul class="site-nav-dropdown"> <li > <a href="/collections/hindu/Holidays-&-Celebrations" class=""> <span>Hindu-Holidays & Celebrations</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/hindu/Fashion-&-Beauty" class=""> <span>Hindu-Fashion & Beauty</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/hindu/Home-Decor" class=""> <span>Hindu-Home Decor</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/hindu/Kids" class=""> <span>Hindu-Kids</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/hindu/Gifts" class=""> <span>Hindu-Gifts</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/hindu/Wedding" class=""> <span>Hindu-Wedding</span> </a> <ul class="site-nav-dropdown"> </ul> </li> </ul> </li> <li class="dropdownn "> <a href="/collections/islamic" class="current"> <span>ISLAMIC</span> </a> <ul class="site-nav-dropdown"> <li > <a href="/collections/islamic/Holidays-&-Celebrations" class=""> <span>Islamic-Holidays & Celebrations</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/islamic/Fashion-&-Beauty" class=""> <span>Islamic-Fashion & Beauty</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/islamic/Home-Decor" class=""> <span>Islamic-Home Decor</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/islamic/Kids" class=""> <span>Islamic-Kids</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/islamic/Gifts" class=""> <span>Islamic-Gifts</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/islamic/Wedding" class=""> <span>Islamic-Wedding</span> </a> <ul class="site-nav-dropdown"> </ul> </li> </ul> </li> <li class="dropdownn "> <a href="/collections/jewish" class=""> <span>JEWISH</span> </a> <ul class="site-nav-dropdown"> <li > <a href="/collections/jewish/Holidays-&-Celebrations" class=""> <span>Jewish-Holidays & Celebrations</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/jewish/Fashion-&-Beauty" class=""> <span>Jewish-Fashion & Beauty</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/jewish/Home-Decor" class=""> <span>Jewish-Home Decor</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/jewish/Kids" class=""> <span>Jewish-Kids</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/jewish/Gifts" class=""> <span>Jewish-Gifts</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/jewish/Wedding" class=""> <span>Jewish-Wedding</span> </a> <ul class="site-nav-dropdown"> </ul> </li> </ul> </li> <li class="dropdownn "> <a href="/collections/sikh" class=""> <span>SIKH</span> </a> <ul class="site-nav-dropdown"> <li > <a href="/collections/sikh/Holidays-and-Celebrations" class=""> <span>Sikh-Holidays and Celebrations</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/sikh/Fashion-&-Beauty" class=""> <span>Sikh-Fashion & Beauty</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/sikh/Home-Decor" class=""> <span>Sikh-Home Decor</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/sikh/Kids" class=""> <span>Sikh-Kids</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/sikh/Gifts" class=""> <span>Sikh-Gifts</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/sikh/Wedding" class=""> <span>Sikh-Wedding</span> </a> <ul class="site-nav-dropdown"> </ul> </li> </ul> </li> <li class="dropdownn "> <a href="/collections/spiritual" class=""> <span>SPIRITUAL</span> </a> <ul class="site-nav-dropdown"> <li > <a href="/collections/spiritual/Holidays-&-Celebrations" class=""> <span>Spiritual-Holidays & Celebrations</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/spiritual/Fashion-&-Beauty" class=""> <span>Spiritual-Fashion & Beauty</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/spiritual/Home-Decor" class=""> <span>Spiritual-Home Decor</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/spiritual/Kids" class=""> <span>Spiritual-Kids</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/spiritual/Gifts" class=""> <span>Spiritual-Gifts</span> </a> <ul class="site-nav-dropdown"> </ul> </li> <li > <a href="/collections/spiritual/Wedding" class=""> <span>Spiritual-Wedding</span> </a> <ul class="site-nav-dropdown"> </ul> </li> </ul> </li> <li > <a href="/blogs/news" class=""> <span>THE VIBE</span> </a> <ul class="site-nav-dropdown"> </ul> </li>
</ul> </div> </nav> </div>
</header> <div class="quick-view"></div> <main class="main-content container">
<div class="breadcrumb"> <a href="/" title="Back to the frontpage">Home</a> <span class="arrow">/</span> <span>ISLAMIC</span>
</div>
<div class="row"> <div class="col-xs-3 sidebar collection-sidebar"> <div class="widget sidebar-links"> <div class="widget-title"><h3><span>Categories</span></h3></div> <div class="widget-content"> <ul> <li><a href="/collections/buddhist" >BUDDHIST</a></li> <li><a href="/collections/christian" >CHRISTIAN</a></li> <li><a href="/collections/hindu" >HINDU</a></li> <li><a href="/collections/islamic" class="active" >ISLAMIC</a></li> <li><a href="/collections/jewish" >JEWISH</a></li> <li><a href="/collections/sikh" >SIKH</a></li> <li><a href="/collections/spiritual" >SPIRITUAL</a></li> </ul> </div> </div>
<div class="refined-widgets"> <span>Refined By</span> <a href="javascript:void(0)" class="clear-all" style="display:none" >Clear all</a>
</div>
<div class="sidebar-block">
<div class="sidebar-custom sidebar-tag color"> <div class="widget-title"> <h3> <span>Color</span> <a href="javascript:void(0)" class="clear" style="display:none">Clear</a> </h3> </div> <div class="widget-content"> <ul> <li> <input type="checkbox" value="beige" /> <a href="javascript:void(0)" title="beige"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-1.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="red" /> <a href="javascript:void(0)" title="red"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-2.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="white" /> <a href="javascript:void(0)" title="white"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-3.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="pink" /> <a href="javascript:void(0)" title="pink"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-4.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="silver" /> <a href="javascript:void(0)" title="silver"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-5.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="blue" /> <a href="javascript:void(0)" title="blue"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-6.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="gray" /> <a href="javascript:void(0)" title="gray"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-7.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="black" /> <a href="javascript:void(0)" title="black"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-8.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="green" /> <a href="javascript:void(0)" title="green"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-9.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="navy" /> <a href="javascript:void(0)" title="navy"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-11.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="yellow" /> <a href="javascript:void(0)" title="yellow"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-12.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="brown" /> <a href="javascript:void(0)" title="brown"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-13.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="cream" /> <a href="javascript:void(0)" title="cream"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-14.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="multi" /> <a href="javascript:void(0)" title="multi"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-15.png?13147555476794385617" alt="" /> </a> </li> <li> <input type="checkbox" value="gold" /> <a href="javascript:void(0)" title="gold"> <img src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/color-16.png?13147555476794385617" alt="" /> </a> </li> </ul> </div>
</div>
<div class="sidebar-custom sidebar-tag"> <div class="widget-title"> <h3> <span>Price</span> <a href="javascript:void(0)" class="clear" style="display:none">Clear</a> </h3> </div> <div class="widget-content"> <ul> <li><input type="checkbox" value="under-100"/><label>Under $100</label></li> <li><input type="checkbox" value="100-200"/><label>$100 - $200</label></li> </ul> </div>
</div>
<div class="sidebar-custom sidebar-tag"> <div class="widget-title"> <h3> <span>Brand</span> <a href="javascript:void(0)" class="clear" style="display:none">Clear</a> </h3> </div> <div class="widget-content"> <ul> <li><input type="checkbox" value="tues-in-love"/><label>Tues In Love</label></li> <li><input type="checkbox" value="jboutiq"/><label>Jboutiq</label></li> <li><input type="checkbox" value="cynthia-h"/><label>Cynthia H.</label></li> <li><input type="checkbox" value="monkeybar"/><label>Monkeybar</label></li> <li><input type="checkbox" value="mumine"/><label>Mumine</label></li> <li><input type="checkbox" value="tara-gasparian"/><label>Tara Gasparian</label></li> <li><input type="checkbox" value="cemment"/><label>Cemment</label></li> <li><input type="checkbox" value="go-sikh"/><label>Go Sikh</label></li> </ul> </div>
</div>
</div>
</div> <div class="block-row col-xs-9 col-main"> <header class="page-header"> <div class="img_cart"> </div> <h2>ISLAMIC</h2> <div id="primaryContent" class="contentBlocks"><h3>All About Islamic Fashion</h3><p>Islamic fashion is about allowing the fashionista to be able to adhere to her faith-based values. Normally what happens is this type of a consumer has committed to her faith and thus chooses a path of modesty. It generally means things are more covered up and loose-fitting but not unflattering.</p></div> <div id="secondaryContent" class="contentBlocks"><p>In mainstream fashion you can wear anything. In Islamic fashion you can wear anything as long as it stays within the guidelines of your value set. Guidelines were originally proscribed by the scriptures. You have a consistency that has been there throughout - longer hemlines and covered arms for example - but things do get modified as time and generations move on</p>
<p>The value set is pretty standard. A strong secondary market is made up of women of other faiths who find options limited especially when shopping for garments to attend their place of worship.</p> <h3>What first interested you in Islamic fashion?</h3>
<p>I grew up in Canada and California. I was surrounded by a stylish lifestyle. Girls my age always wanted to look good. That first piqued my interest in fashion.</p>
<p>As I grew older, I felt I needed to know my own, originally Pakistani, roots better. September 11th happened. Here I was, the second-generation child of immigrant parents, growing up in what was home for me. It was the lifestyle I knew. Suddenly I wanted answers about who I was. It was a profound journey for me. I wanted to learn about religion and our culture. My parents gave us a taste of it, but we were never fully immersed nor could anyone really say that they are if they are in a non-Muslim country. It's very difficult to say you understand everything about your religion if you haven't been influenced fully by it. When I explored the fashion side, I liked the dressing style. I started wearing a hijab and covering modestly. Modest fashion with style was a revelation.</p></div> </header> <div class="toolbar"> <div class="view-mode"> <label>View as</label> <!--<span class="grid" title="Grid view">Grid</span>--> <a class="grid active" href="grid" title="Grid view">Grid</a> <a class="list" href="list" title="List view">List</a> </div> <div class="filter-show btn-group"> <label>Show</label> <button class="btn btn-2 dropdown-toggle" data-toggle="dropdown"> <i class="icon-exchange"></i> <span>12</span> <i class="icon-chevron-down"></i> </button> <ul class="dropdown-menu" role="menu"> <li class="active" ><a href="12">12</a></li> <li ><a href="16">16</a></li> <li ><a href="32">32</a></li> <li ><a href="all">all</a></li> </ul> </div> <div class="filter-sortby btn-group"> <label for="sort-by">Sort by</label> <button class="btn btn-2 dropdown-toggle" data-toggle="dropdown"> <i class="icon-exchange"></i> <span>Featured</span> <i class="icon-chevron-down"></i> </button> <ul class="dropdown-menu" role="menu"> <li class="active"><a href="manual">Featured</a></li> <li><a href="price-ascending">Price: Low to High</a></li> <li><a href="price-descending">Price: High to Low</a></li> <li><a href="title-ascending">A-Z</a></li> <li><a href="title-descending">Z-A</a></li> <li><a href="created-ascending">Oldest to Newest</a></li> <li><a href="created-descending">Newest to Oldest</a></li> <li><a href="best-selling">Best Selling</a></li> </ul> </div>
</div> <div class="products-grid row"> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item wow fadeIn" data-wow-delay="0ms" id="product-5950626630"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/copy-of-24-hour-yahrzeit-beeswax-votive-4-pack" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/beesV2_large.jpg?v=1464203851" alt="beeswax votives"> <div class="hover"></div> </a> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-5950626630" enctype="multipart/form-data" style="padding:0px;"> <input type="hidden" name="id" value="18820341254" /> <input class="btn add-to-cart-btn" type="submit" value="Add to Cart" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="copy-of-24-hour-yahrzeit-beeswax-votive-4-pack" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/copy-of-24-hour-yahrzeit-beeswax-votive-4-pack">24 Hour Beeswax Votive</a> <div class="price-box"> <p class="regular-product"> <span>$ 5.25</span> </p> </div> </div> </div>
<ul class="item-swatch">
</ul>
</div> </div> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item wow fadeIn" data-wow-delay="150ms" id="product-6708652422"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/avalanche-vitamin-beard-oil" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/newavalanche1-300x500_large.jpg?v=1465501056" alt="Avalanche-Vitamin Beard Oil From Homme Bound"> <div class="hover"></div> </a> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-6708652422" enctype="multipart/form-data" style="padding:0px;"> <input type="hidden" name="id" value="21158076806" /> <input class="btn add-to-cart-btn" type="submit" value="Add to Cart" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="avalanche-vitamin-beard-oil" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/avalanche-vitamin-beard-oil">Avalanche-Vitamin Beard Oil From Homme Bound</a> <div class="price-box"> <p class="regular-product"> <span>$ 10.75</span> </p> </div> </div> </div>
<ul class="item-swatch">
</ul>
</div> </div> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item wow fadeIn" data-wow-delay="300ms" id="product-6687464326"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/baby-buddies-diaper-covers-from-monkeybar-buddies" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/bb_pink_back_large.png?v=1465429689" alt="Baby Buddies Diaper Covers From Monkeybar Buddies"> <div class="hover"></div> </a> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-6687464326" enctype="multipart/form-data" style="padding:0px;"> <input class="btn" type="button" onclick="window.location.href='/products/baby-buddies-diaper-covers-from-monkeybar-buddies'" value="Select options" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="baby-buddies-diaper-covers-from-monkeybar-buddies" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/baby-buddies-diaper-covers-from-monkeybar-buddies">Baby Buddies Diaper Covers From Monkeybar Buddies</a> <div class="price-box"> <p class="regular-product"> <span>$ 12.00</span> </p> </div> </div> </div>
<ul class="item-swatch"> <li> <label style="background-color: pink; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/pink.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/bb_pink_back_large.png?v=1465429689"></a> </div> </li> <li> <label style="border: 1px solid #cbcbcb; background-color: white; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/white.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/bb_white_back_large.png?v=1465429692"></a> </div> </li>
</ul>
</div> </div> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item wow fadeIn" data-wow-delay="450ms" id="product-5930858950"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/24-hour-yahrzeit-beeswax-votive-4-pack" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/box_candles_large.jpg?v=1464203203" alt="beeswax votives 4 pack"> <div class="hover"></div> </a> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-5930858950" enctype="multipart/form-data" style="padding:0px;"> <input type="hidden" name="id" value="18754318854" /> <input class="btn add-to-cart-btn" type="submit" value="Add to Cart" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="24-hour-yahrzeit-beeswax-votive-4-pack" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/24-hour-yahrzeit-beeswax-votive-4-pack">Beeswax Votive- 4 Pack</a> <div class="price-box"> <p class="regular-product"> <span>$ 20.00</span> </p> </div> </div> </div>
<ul class="item-swatch">
</ul>
</div> </div> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item wow fadeIn" data-wow-delay="600ms" id="product-6708685510"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/brothers-in-red-vitamin-beard-oil" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/newbrothersinred1_large.png?v=1465501152" alt="Brothers In Red-Vitamin Beard Oil From Homme Bound"> <div class="hover"></div> </a> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-6708685510" enctype="multipart/form-data" style="padding:0px;"> <input type="hidden" name="id" value="21158149958" /> <input class="btn add-to-cart-btn" type="submit" value="Add to Cart" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="brothers-in-red-vitamin-beard-oil" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/brothers-in-red-vitamin-beard-oil">Brothers In Red-Vitamin Beard Oil From Homme Bound</a> <div class="price-box"> <p class="regular-product"> <span>$ 10.75</span> </p> </div> </div> </div>
<ul class="item-swatch">
</ul>
</div> </div> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item wow fadeIn" data-wow-delay="750ms" id="product-7890693062"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/ce-ce-co-kids-pashmina-scarves" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/cececopashmina2_large.JPG?v=1470195954" alt="kids pashmina scarf cream"> <div class="hover"></div> </a> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-7890693062" enctype="multipart/form-data" style="padding:0px;"> <input class="btn" type="button" onclick="window.location.href='/products/ce-ce-co-kids-pashmina-scarves'" value="Select options" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="ce-ce-co-kids-pashmina-scarves" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/ce-ce-co-kids-pashmina-scarves">Ce Ce Co Kids Pashmina Scarves</a> <div class="price-box"> <p class="regular-product"> <span>$ 60.00</span> </p> </div> </div> </div>
<ul class="item-swatch"> <li> <label style="background-color: pink; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/pink.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/pashminacopy_large.jpg?v=1470195954"></a> </div> </li> <li> <label style="background-color: cream; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/cream.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/cececopashmina2_large.JPG?v=1470195954"></a> </div> </li> <li> <label style="background-color: blue; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/light-blue.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/cececopashmina4_large.jpg?v=1470195954"></a> </div> </li>
</ul>
</div> </div> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item wow fadeIn" data-wow-delay="900ms" id="product-6706443398"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/comfy-pant" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/COMFY_PANT_large.jpg?v=1465494464" alt="Comfy Pant From Mumine Activewear"> <div class="hover"></div> </a> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-6706443398" enctype="multipart/form-data" style="padding:0px;"> <input class="btn" type="button" onclick="window.location.href='/products/comfy-pant'" value="Select options" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="comfy-pant" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/comfy-pant">Comfy Pant From Mumine Activewear</a> <div class="price-box"> <p class="regular-product"> <span>$ 29.00</span> </p> </div> </div> </div>
<ul class="item-swatch"> <li> <label style="background-color: grey; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/heather-grey.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/COMFY_PANT_large.jpg?v=1465494464"></a> </div> </li> <li> <label style="background-color: black; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/black.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/blank_black_bg_large.gif?v=1465494464"></a> </div> </li>
</ul>
</div> </div> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item wow fadeIn" data-wow-delay="1050ms" id="product-6689779718"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/comfy-track-pant-from-mumine-activewear" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/modest-activewear-the-comfy-track-pant_large.jpg?v=1465436659" alt="Comfy Track Pant From Mumine Activewear"> <div class="hover"></div> </a> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-6689779718" enctype="multipart/form-data" style="padding:0px;"> <input class="btn" type="button" onclick="window.location.href='/products/comfy-track-pant-from-mumine-activewear'" value="Select options" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="comfy-track-pant-from-mumine-activewear" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/comfy-track-pant-from-mumine-activewear">Comfy Track Pant From Mumine Activewear</a> <div class="price-box"> <p class="regular-product"> <span>$ 51.00</span> </p> </div> </div> </div>
<ul class="item-swatch">
</ul>
</div> </div> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item on-sale wow fadeIn" data-wow-delay="1200ms" id="product-6708736966"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/complete-vitamin-beard-oil-set" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/HB10_large.png?v=1465501351" alt="Complete Vitamin Beard Oil Set From Homme Bound"> <div class="hover"></div> </a> </div> <div class="product-label"> <strong class="label">Sale</strong> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-6708736966" enctype="multipart/form-data" style="padding:0px;"> <input type="hidden" name="id" value="21158264838" /> <input class="btn add-to-cart-btn" type="submit" value="Add to Cart" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="complete-vitamin-beard-oil-set" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/complete-vitamin-beard-oil-set">Complete Vitamin Beard Oil Set From Homme Bound</a> <div class="price-box"> <p class="sale"> <span class="old-price"> $ 32.00</span> <span class="special-price">$ 28.75</span> </p> </div> </div> </div>
<ul class="item-swatch">
</ul>
</div> </div> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item wow fadeIn" data-wow-delay="1350ms" id="product-6548633414"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/concrete-hamsa-with-gold-leaf-from-cemment" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/gold_hamsa_large.jpg?v=1464813604" alt="Concrete Hamsa With Gold Leaf From Cemment"> <div class="hover"></div> </a> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-6548633414" enctype="multipart/form-data" style="padding:0px;"> <input type="hidden" name="id" value="20732057798" /> <input class="btn add-to-cart-btn" type="submit" value="Add to Cart" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="concrete-hamsa-with-gold-leaf-from-cemment" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/concrete-hamsa-with-gold-leaf-from-cemment">Concrete Hamsa With Gold Leaf From Cemment</a> <div class="price-box"> <p class="regular-product"> <span>$ 100.00</span> </p> </div> </div> </div>
<ul class="item-swatch">
</ul>
</div> </div> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item wow fadeIn" data-wow-delay="1500ms" id="product-7890773894"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/crest-insignia-charms-by-waxing-poetic" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/insignia_charm_large.jpg?v=1470197952" alt="Crest Insignia Charms by Waxing Poetic"> <div class="hover"></div> </a> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-7890773894" enctype="multipart/form-data" style="padding:0px;"> <input type="hidden" name="id" value="25650186694" /> <input class="btn add-to-cart-btn" type="submit" value="Add to Cart" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="crest-insignia-charms-by-waxing-poetic" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/crest-insignia-charms-by-waxing-poetic">Crest Insignia Charms by Waxing Poetic</a> <div class="price-box"> <p class="regular-product"> <span>$ 25.00</span> </p> </div> </div> </div>
<ul class="item-swatch">
</ul>
</div> </div> <div class=" no_crop_image grid-item col-xs-6 col-sm-4 col-md-4 col-lg-3">
<div class="inner product-item wow fadeIn" data-wow-delay="1650ms" id="product-6722837830"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="/collections/islamic/products/f74-lightweight-turban-from-go-sikh-3-meter-basics" class="product-grid-image"> <img src="//cdn.shopify.com/s/files/1/1152/0564/products/Cream-TurbanF74_large.jpg?v=1465580715" alt="F74 Lightweight Turban From Go Sikh- 3 Meter Basics"> <div class="hover"></div> </a> </div>
<!-- Rahul removed hover add to cart and wishlist <div class="product-des"> <a class="wishlist" href="/account/login" title="Add to wishlist"><span class="icon"></span><span>Add to wishlist</span></a> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-6722837830" enctype="multipart/form-data" style="padding:0px;"> <input class="btn" type="button" onclick="window.location.href='/products/f74-lightweight-turban-from-go-sikh-3-meter-basics'" value="Select options" /> </form> </div> <div class="quickview-button"> <a href="javascript:void(0)" id="f74-lightweight-turban-from-go-sikh-3-meter-basics" title="Quick View">Quick view</a> </div> </div> --> </div> <div class="product-bottom"> <a class="product-title" href="/collections/islamic/products/f74-lightweight-turban-from-go-sikh-3-meter-basics">F74 Lightweight Turban From Go Sikh- 3 Meter Basics</a> <div class="price-box"> <p class="regular-product"> <span>$ 10.90</span> </p> </div> </div> </div>
<ul class="item-swatch"> <li> <label style="background-color: cream; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/cream.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/Cream-TurbanF74_large.jpg?v=1465580715"></a> </div> </li> <li> <label style="border: 1px solid #cbcbcb; background-color: white; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/white.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/White-F74_large.jpg?v=1465580735"></a> </div> </li> <li> <label style="background-color: black; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/black.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/Black-F74_large.jpg?v=1465580745"></a> </div> </li> <li> <label style="background-color: blue; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/navy-blue.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/Navy-Blue-F74_large.jpg?v=1465580760"></a> </div> </li> <li> <label style="background-color: orangekesri; background-image: url(//cdn.shopify.com/s/files/1/1152/0564/files/orangekesri.png?13147555476794385617);"></label> <div class="hidden"> <a href="//cdn.shopify.com/s/files/1/1152/0564/products/Orange-F74_large.jpg?v=1465580780"></a> </div> </li>
</ul>
</div> </div> </div> <div class="padding">
<div class="toolbar toolbar-bottom"> <p class="page-total"> Showing: 1-12 of 38 </p> <ul class="pagination-page"> <li class="disabled"><span>Previous</span></li> <li class="active"><span>1</span></li> <li> <a href="/collections/islamic?page=2" title="">2</a> </li> <li> <a href="/collections/islamic?page=3" title="">3</a> </li> <li> <a href="/collections/islamic?page=4" title="">4</a> </li> <li class="text"><a href="/collections/islamic?page=2" title="Next »">Next</a></li> </ul>
</div> </div> </div>
</div>
<script src="//ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js" type="text/javascript"></script>
<script src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery.products.min.js?13147555476794385617" type="text/javascript"></script>
<section class="recently-viewed-products"> <h2>Recently Viewed Products</h2> <div class="products-grid owl-carousel row" id="recently-viewed-products-grid"> </div>
</section>
<script id="recently-viewed-product-grid-template" type="text/x-jquery-tmpl">
<div class=" no_crop_image grid-item col-xs-6 col-sm-4 col"> <div id="product-${id}" class="inner product-item{{if !available}} sold-out {{/if}}{{if compare_at_price_min > price_min}} on-sale {{/if}}"> <div class="inner-top"> <div class="product-top"> <div class="product-image"> <a href="${url}" class="product-grid-image"> <img src="${Shopify.Products.resizeImage(featured_image, "large")}" alt="${featured_image.alt}"/> <div class="hover"></div> </a> </div> {{if compare_at_price_min > price_min || !available}} <div class="product-label"> {{if compare_at_price_min > price_min}} <strong class="label">Sale</strong> {{/if}} {{if !available}} <strong class="sold-out-label">Sold Out</strong> {{/if}} </div> {{/if}} </div> <div class="product-bottom"> <a class="product-title" href="${url}">${title}</a> <span class="shopify-product-reviews-badge" data-id="${id}"></span> <div class="price-box"> {{if compare_at_price_min > price_min}} <p class="sale"> <span class="old-price"> {{html Shopify.formatMoney(compare_at_price_min, window.money_format)}}</span> <span class="special-price">{{if price_varies}}<em>from </em>{{/if}}{{html Shopify.formatMoney(price_min, window.money_format)}}</span> </p> {{else}} <p class="regular-product"> <span >{{if price_varies}}<em>from </em>{{/if}}{{html Shopify.formatMoney(price_min, window.money_format)}}</span> </p> {{/if}} </div> <div class="action"> <form action="/cart/add" method="post" class="variants" id="product-actions-${id}" enctype="multipart/form-data" style="padding:0px;"> {{if !available}} <input class="btn add-to-cart-btn" type="submit" value="Unavailable" disabled="disabled" /> {{else variants.length > 1 }} <input class="btn" type="button" onclick="window.location.href='${url}'" value="Select options" /> {{else}} <input type="hidden" name="id" value="${variants[0].id}" /> <input class="btn add-to-cart-btn" type="submit" value="Add to Cart" /> {{/if}} </form> </div> </div> </div> </div>
</div>
</script>
<script>
Shopify.Products.showRecentlyViewed({ howManyToShow: 8, wrapperId: 'recently-viewed-products-grid', templateId: 'recently-viewed-product-grid-template', onComplete: function() { if (jQuery("#recently-viewed-products-grid").children().length > 0) { jQuery(".recently-viewed-products").show(); if (window.product_image_resize) { jQuery('#recently-viewed-products-grid img').fakecrop({ fill: window.images_size.is_crop, widthSelector: ".products-grid .product-image", ratioWrapper: window.images_size }); } if (window.show_multiple_currencies) { Currency.convertAll(window.shop_currency, jQuery('#currencies').val(), 'span.money', 'money_format'); } jQuery("#recently-viewed-products-grid").owlCarousel({ autoPlay: 8000, scrollPerPage: true, slideSpeed: 500, stopOnHover: true, navigation: true, itemsTablet: [767,3], itemsTabletSmall: [721,2] }); if (jQuery(".spr-badge").length>0) { return window.SPR.registerCallbacks(), window.SPR.initRatingHandler(), window.SPR.initDomEls(), window.SPR.loadProducts(), window.SPR.loadBadges(); } } }
});
</script> </main> <footer class="site-footer"> <div class="container"> <div class="footer-top"> <div class="row"> <div class="col-2 wow fadeInUp" data-wow-delay="300ms"> <h3>Customer Service</h3> <ul> <li><a href="/pages/faq" title="">FAQs</a></li> <li><a href="/pages/shipping-returns" title="">SHIPPING & RETURNS</a></li> <li><a href="/pages/contact-us" title="">CONTACT US</a></li> </ul> </div> <div class="col-3 wow fadeInUp" data-wow-delay="450ms"> <h3>About Faithhaus</h3> <ul> <li><a href="/blogs/news" title="">Blog</a></li> <li><a href="/pages/about-us" title="">About Us</a></li> </ul> </div> <div class="col-4 wow fadeInUp last" data-wow-delay="600ms"> <h3>Follow us</h3>
<ul class="social"> <li class="facebook"> <a href="https://www.facebook.com/shopfaithhaus/" title="FAITHHAUS on Facebook"><span>Facebook</span></a> </li> <li class="twitter"> <a href="https://twitter.com/Jboutiq" title="FAITHHAUS on Twitter"><span>Twitter</span></a> </li> <li class="google"> <a href="https://plus.google.com/u/0/b/109790260229876072609/+FAITHHAUSPortland/posts" title="FAITHHAUS on Google +"><span>Google</span></a> </li> <li class="instagram"> <a href="https://www.instagram.com/faithhaus/" title="FAITHHAUS on Instagram"><span>Instagram</span></a> </li> <li class="rss"> <a href="http://twitter.com/shopify" title="FAITHHAUS on Rss"><span>Rss</span></a> </li> <li class="pinterest"> <a href="https://www.pinterest.com/faithhaus/" title="FAITHHAUS on Pinterest"><span>Pinterest</span></a> </li>
</ul>
<div class="text fottimg" style="clear: both; width: 100%"> <img width="124px" height="9px" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/text-title.png?13147555476794385617" alt="" > <div class="fb-page" data-href="https://www.facebook.com/shopfaithhaus/" data-tabs="timeline" data-height="130" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/shopfaithhaus/"><a href="https://www.facebook.com/shopfaithhaus/">FaithHaus</a></blockquote></div></div>
</div>
<section class="newsletter"> <div class="block-title wow fadeIn" data-wow-delay="200ms"> <h3 data-wow-delay="100ms"><span>Newsletter Sign Up</span></h3> </div> <div class="block-content wow fadeIn" data-wow-delay="400ms">
<form action="//faithhaus.us11.list-manage.com/subscribe/post?u=90d5c89e41b1a0db2e6a9ddc5&id=5b71edf1ec" method="post" name="mc-embedded-subscribe-form" target="_blank" class="input-group"> <input type="email" value="" placeholder="enter your email address" name="EMAIL" class="input-group-field" aria-label="Email Address"> <span class="input-group-btn"> <input type="submit" class="btn" value="Subscribe" name="subscribe"> </span>
</form> </div>
</section> </div> </div> </div> <div class="footer-bottom wow fadeInUp" data-wow-delay="750ms"> <address> © 2016 FaithHaus.Inc </address>
<div id="payment-methods">
</div> </div> </div>
</footer>
<div class="loading-modal modal">Loading...</div>
<div class="ajax-error-modal modal"> <div class="modal-inner"> <div class="ajax-error-title">Error</div> <div class="ajax-error-message"></div> </div>
</div>
<div class="ajax-success-modal modal"> <div class="overlay"></div> <div class="content"> <div class="ajax-left"> <img class="ajax-product-image" alt=" " src="" style="max-width:65px; max-height:100px"/> </div> <div class="ajax-right"> <p class="ajax-product-title"></p> <p class="success-message btn-go-to-cart">is added to your shopping cart.</p> <p class="success-message btn-go-to-wishlist">is added to your wish list.</p> <div class="actions"> <button class="btn-secondary continue-shopping" onclick="javascript:void(0)">Continue Shopping</button> <button class="btn-secondary btn-go-to-cart" onclick="window.location='/cart'">Go To Cart</button> <button class="btn-secondary btn-go-to-wishlist" onclick="window.location='/pages/wish-list'">Go To Wishlist</button> </div> </div> <a href="javascript:void(0)" class="close-modal">Close</a> </div>
</div> <!-- Begin quick-view-template -->
<div class="clearfix" id="quickview-template" style="display:none"> <div class="overlay"></div> <div class="content clearfix"> <div class="product-img-box col-xs-5"> <div class="quickview-featured-image product-photo-container"></div> <div class="more-view-wrapper"> <ul class="product-photo-thumbs jcarousel-skin-tango quickview-more-views-owlslider "> </ul> </div> </div> <div class="product-shop col-xs-7"> <div class="product-item"> <h2 class="product-title"><a> </a></h2> <div class="product-infor"> <p class="product-inventory"><label>Availability</label><span></span></p> <p class="product-type"><label>Product Type</label><span></span></p> <p class="product-vendor"><label>Vendor</label><span></span></p> </div> <div class="countdown" style="display:none"><span>Limited-Time Offers, End in:</span><div class="quickview-clock"></div></div> <div class="details clearfix"> <form action="/cart/add" method="post" class="variants"> <select name='id' style="display:none"></select> <div class="prices"> <span class="compare-price"></span> <span class="price"></span> </div> <label for="quantity">Quantity:</label> <div class="dec button">-</div> <input type="text" name="quantity" value="1" class="quantity"> <div class="inc button">+</div> <div class="total-price"> <label>Subtotal: </label><span></span> </div> <div class="actions"> <button type="button" class="btn add-to-cart-btn">Add to cart</button> </div> </form> </div> </div> </div> <a href="javascript:void(0)" class="close-window">Close</a> </div>
</div>
<!-- End of quick-view-template -->
<script type="text/javascript"> Shopify.doNotTriggerClickOnThumb = false; var selectCallbackQuickview = function(variant, selector) { var productItem = jQuery('.quick-view .product-item'); addToCart = productItem.find('.add-to-cart-btn'), productPrice = productItem.find('.price'), comparePrice = productItem.find('.compare-price'), totalPrice = productItem.find('.total-price span'); if (variant) { if (variant.available) { // We have a valid product variant, so enable the submit button addToCart.removeClass('disabled').removeAttr('disabled').text('Add to Cart'); } else { // Variant is sold out, disable the submit button addToCart.val('Sold Out').addClass('disabled').attr('disabled', 'disabled'); } // Regardless of stock, update the product price productPrice.html(Shopify.formatMoney(variant.price, "$ {{amount}}")); // Also update and show the product's compare price if necessary if ( variant.compare_at_price > variant.price ) { comparePrice .html(Shopify.formatMoney(variant.compare_at_price, "$ {{amount}}")) .show(); productPrice.addClass('on-sale'); } else { comparePrice.hide(); productPrice.removeClass('on-sale'); } // BEGIN SWATCHES var form = jQuery('#' + selector.domIdPrefix).closest('form'); for (var i=0,length=variant.options.length; i<length; i++) { var radioButton = form.find('.swatch[data-option-index="' + i + '"] :radio[value="' + variant.options[i] +'"]'); if (radioButton.size()) { radioButton.get(0).checked = true; } } // END SWATCHES //update variant inventory var inventoryInfo = productItem.find('.product-inventory span'); if (variant.available) { if (variant.inventory_management!=null) { inventoryInfo.text(variant.inventory_quantity + " in stock"); } else { inventoryInfo.text("Many in stock"); } } else { inventoryInfo.text("Out of stock"); } /*recaculate total price*/ //try pattern one before pattern 2 var regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g; var unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex); if (!unitPriceTextMatch) { regex = /([0-9]+[.|,][0-9]+)/g; unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex); } if (unitPriceTextMatch) { var unitPriceText = unitPriceTextMatch[0]; var unitPrice = unitPriceText.replace(/[.|,]/g,''); var quantity = parseInt(jQuery('.quick-view input[name=quantity]').val()); var totalPrice = unitPrice * quantity; var totalPriceText = Shopify.formatMoney(totalPrice, window.money_format); totalPriceText = totalPriceText.match(regex)[0]; var regInput = new RegExp(unitPriceText, "g"); var totalPriceHtml = jQuery('.quick-view .price').html().replace(regInput ,totalPriceText); jQuery('.quick-view .total-price span').html(totalPriceHtml); }/*end of price calculation*/ Currency.convertAll('USD', jQuery('#currencies').val(), 'span.money', 'money_format'); /*begin variant image*/ if (variant && variant.featured_image) { var newImage = Shopify.resizeImage(variant.featured_image.src, 'small'); newImage = newImage.replace(/https?:/,''); jQuery('.quick-view .quickview-more-views img').each(function() { var grandSize = jQuery(this).attr('src'); if (grandSize == newImage) { jQuery(this).parent().trigger('click'); return false; } }); } /*end of variant image*/ } else { // The variant doesn't exist. Just a safegaurd for errors, but disable the submit button anyway addToCart.text('Unavailable').addClass('disabled').attr('disabled', 'disabled'); } };
</script> <!-- Footer scripts -->
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/bootstrap.min.js?13147555476794385617"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/assets/themes_support/api.jquery-b90ee9a5604bc68b2f4a3af86b4551207834575e264152eac4822d0b60e0c0d5.js"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/assets/themes_support/option_selection-f3dd7ba25bddfb6b0fe9addc0cae11dc709eeb6a469ec7f66f49e3abc4ce8c81.js"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/owl.carousel.min.js?13147555476794385617"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery.jcarousel.latest.min.js?13147555476794385617"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery.elevateZoom-3.0.8.min.js?13147555476794385617"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery.fancybox.pack.js?13147555476794385617"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery.fakecrop.js?13147555476794385617"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery.countdown.min.js?13147555476794385617"></script>
<script src="//cdn.shopify.com/s/javascripts/currencies.js" type="text/javascript"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery.currencies.min.js?13147555476794385617"></script>
<script>
// Pick your format here:
// Can be 'money_format' or 'money_with_currency_format'
Currency.format = 'money_format';
var shopCurrency = 'USD';
/* Sometimes merchants change their shop currency, let's tell our JavaScript file */
Currency.moneyFormats[shopCurrency].money_with_currency_format = "$ {{amount}} USD";
Currency.moneyFormats[shopCurrency].money_format = "$ {{amount}}";
var cookieCurrency = Currency.cookie.read();
// Fix for customer account pages
jQuery('span.money span.money').each(function() { jQuery(this).parent('span.money').removeClass('money');
});
// Add precalculated shop currency to data attribute
jQuery('span.money').each(function() { jQuery(this).attr('data-currency-USD', jQuery(this).html());
});
// Select all your currencies buttons.
var currencySwitcher = jQuery('#currencies');
// When the page loads.
if (cookieCurrency == null || cookieCurrency == shopCurrency) { Currency.currentCurrency = shopCurrency;
}
else { Currency.currentCurrency = cookieCurrency; currencySwitcher.val(cookieCurrency); Currency.convertAll(shopCurrency, cookieCurrency);
}
currencySwitcher.selectize();
jQuery('.selectize-input input').attr('disabled','disabled');
// When customer clicks on a currency switcher.
currencySwitcher.change(function() { var newCurrency = jQuery(this).val(); Currency.cookie.write(newCurrency); Currency.convertAll(Currency.currentCurrency, newCurrency); //show modal jQuery("#currencies-modal span").text(newCurrency); if (jQuery("#cart-currency").length >0) { jQuery("#cart-currency").text(newCurrency); } jQuery("#currencies-modal").fadeIn(500).delay(3000).fadeOut(500);
});
// For product options.
var original_selectCallback = window.selectCallback;
var selectCallback = function(variant, selector) { original_selectCallback(variant, selector); Currency.convertAll(shopCurrency, jQuery('#currencies').val());
};
</script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery.history.js?13147555476794385617"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/ella.js?13147555476794385617"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/modernizr.custom.js?13147555476794385617"></script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/classie.js?13147555476794385617"></script>
<script> var menuLeft = document.getElementById( 'cbp-spmenu-s1' ), showLeftPush = document.getElementById( 'showLeftPush' ), body = document.body; showLeftPush.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( body, 'cbp-spmenu-push-toright' ); classie.toggle( menuLeft, 'cbp-spmenu-open' ); };
</script>
<script type="text/javascript" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/wow.min.js?13147555476794385617"></script>
<script>
function isMobileFunc() { var userAgent = navigator.userAgent.toLowerCase(); var phone = (/iphone|android|ipod|blackberry|opera mini|opera mobi|skyfire|maemo|windows phone|palm|iemobile|symbian|symbianos|fennec/i.test(userAgent)); var tablet = (/ipad|sch-i800|playbook|tablet|kindle|gt-p1000|sgh-t849|shw-m180s|a510|a511|a100|dell streak|silk/i.test(userAgent)); return phone || tablet;
}
var enable_lazy_loading_pc = true;
var enable_lazy_loading_mobile = false;
var isMobile = isMobileFunc();
if ((enable_lazy_loading_pc && !isMobile) || (enable_lazy_loading_mobile && isMobile)) { new WOW().init({offset:50});
}
if (isMobile) { var currentEl; jQuery('.site-nav .dropdown > a').bind('click', function(event) { if (currentEl != this) { event.preventDefault(); currentEl = this; } });
}
</script>
<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function() { // var $modalParent = jQuery('div.newsletterwrapper'), modalWindow = jQuery('#email-modal'), emailModal = jQuery('#email-modal'), modalPageURL = window.location.pathname; modalWindow = modalWindow.html(); modalWindow = '<div id="email-modal">' + modalWindow + '</div>'; $modalParent.css({'position':'relative'}); jQuery('.wrapper #email-modal').remove(); $modalParent.append(modalWindow); if (jQuery.cookie('emailSubcribeModal') != 'closed') { openEmailModalWindow(); }; jQuery('#email-modal .btn.close').click(function(e) { e.preventDefault(); closeEmailModalWindow(); }); jQuery('body').keydown(function(e) { if( e.which == 27) { closeEmailModalWindow(); jQuery('body').unbind('keydown'); } }); jQuery('#mc_embed_signup form').submit(function() { if (jQuery('#mc_embed_signup .email').val() != '') { closeEmailModalWindow(); } }); function closeEmailModalWindow () { jQuery('#email-modal .modal-window').fadeOut(600, function() { jQuery('#email-modal .modal-overlay').fadeOut(600, function() { jQuery('#email-modal').hide(); jQuery.cookie('emailSubcribeModal', 'closed', {expires:1, path:'/'}); }); }) } function openEmailModalWindow () { jQuery('#email-modal').fadeIn(600, function() { jQuery('#email-modal .modal-window').fadeIn(600); }); }
});
// ]]
// ]]></script>
<div class="newsletterwrapper"> <div id="email-modal" style="display: none;"> <div class="modal-overlay"></div> <div class="modal-window" style="display: none;"> <div class="window-window"> <div class="window-content"><a class="btn close" title="Close Window">Close Window </a> <div class="left"> <h1 class="title">WELCOME TO FAITHHAUS</h1> <p class="sub-title">reinvent your ritual...</p> <div id="mailchimp-email-subscibe"> <div id="mc_embed_signup">
<form action="//faithhaus.us11.list-manage.com/subscribe/post?u=90d5c89e41b1a0db2e6a9ddc5&id=5b71edf1ec" method="post" name="mc-embedded-subscribe-form" target="_blank" class="input-group"> <input type="email" value="" placeholder="enter your email address" name="EMAIL" class="input-group-field" aria-label="Email Address"> <span class="input-group-btn"> <input type="submit" class="btn" value="Subscribe" name="subscribe"> </span>
</form></div> <!--End mc_embed_signup--></div> <h2 class="message">PRAY YOUR WAY WITH LIFESTYLE TIPS, NEW ARRIVALS & 10% OFF FOR NEW FOLLOWERS</h2> <div class="icon-social"> <ul> <li class="social-1"><a title="FaceBook" href="https://www.facebook.com/shopfaithhaus/">FaceBook</a></li> <li class="social-2"><a title="Twitter" href="https://twitter.com/Jboutiq">Twitter</a></li> <li class="social-3"><a title=" Google + " href="https://plus.google.com/u/0/b/109790260229876072609/109790260229876072609/posts">Google +</a></li> <li class="social-5"><a title="Pinterest" href="https://www.pinterest.com/faithhaus/http://instagram.com/shopify">Pinterest</a></li> <li class="social-6"><a title="Instagram" href="https://www.instagram.com/faithhaus/">Instagram</a></li> </ul> </div> </div> <div class="right rightyright" style="height: auto;"> <img width="640px" height="640px" src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/bg_newsletter.jpg?13147555476794385617" alt="" > </div> </div> </div> </div> </div>
</div> <div id="back-top" style="display: none;"><a class="nav_up" href="#top">Back to top</a></div> </div> <!-- Begin Recently Viewed Products --> <script src="//ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js" type="text/javascript"></script> <script src="//cdn.shopify.com/s/files/1/1152/0564/t/4/assets/jquery.products.min.js?13147555476794385617" type="text/javascript"></script> <!-- End Recently Viewed Products --> <script type='text/javascript'>
(function($) { $(document).ready(function() { var currentLanguage = ""; if (currentLanguage && currentLanguage != "") { $('a').each(function() { var href = $(this).attr('href'); if (href.indexOf("/apps/giftregistry") != -1 && href.indexOf("lang=") == -1) { if (href.indexOf("?") == -1) { $(this).attr('href', href + "?lang=" + encodeURIComponent(currentLanguage)); } else { $(this).attr('href', href + "&lang=" + encodeURIComponent(currentLanguage)); } } }); } });
})(jQuery);
</script> <script> $(window).scroll(function() { if($(window).scrollTop() + $(window).height() > $(document).height() -100) { $(window).unbind('scroll'); //alert("scroll hua"); $("html,body").scrollTop(0); // $("header-bottom").removeClass('on'); }
}); </script>
<!-- <style>
.site-nav-dropdown{display:none !important;} </style> -->
</body> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
FAITHHAUS Category Page Example - Script Codes CSS Codes
.contentBlocks { letter-spacing: normal;
}
.contentBlocks h3 { font-size: 1.4em; margin: 20px 0 10px;
}
.contentBlocks a.toggle { color: #009900; padding: 0 10px;
}
#contentStorage { margin-bottom:20px;
}FAITHHAUS Category Page Example - Script Codes JS Codes
$(".products-grid").append("<hr><div id='contentStorage'></div>");
$("#contentStorage").append($("#secondaryContent")).css("color","#8d8d8d");
$("#primaryContent p").append("<a class='toggle'>Discover more...</a>");
$(".toggle").click(function() { if ($(this).html() === "Discover more...") { $("secondaryContent").css("color","#2d2d2d"); $("#primaryContent").append($("#secondaryContent")); $(this).html("Minimize this") $("#secondaryContent p").last().append($(this)); } else if ($(this).html() === "Minimize this") { $("#contentStorage").append($("#secondaryContent")); $(this).html("Discover more...") $("#primaryContent p").append($(this)); }
})
| Developer | UpBuild |
| Username | upbuild |
| Uploaded | July 22, 2022 |
| Rating | 3 |
| Size | 19,786 Kb |
| Views | 44,528 |
Do you need developer help for FAITHHAUS Category Page Example?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
UpBuild (upbuild) Script Codes
| Name | Size |
| Alex Blog Post 2 | 1,382 Kb |
| Alex - Blog Post JSON-LD | 1,413 Kb |
| A Pen by UpBuild | 3,264 Kb |
| Embed an iframe Responsively | 1,355 Kb |
| Simple Reviews JSON Variables | 1,616 Kb |
| Get CID for a CRM | 2,088 Kb |
| Contact Us Form DataLayer Push Example | 2,223 Kb |
| NewPath | 1,557 Kb |
| Simple Reviews JSON | 1,476 Kb |
| Pardot Event Tracking Script 2 | 1,244 Kb |
Create amazing SEO content with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Gradients | Karpovsystems | 2,394 Kb |
| Image grid with captions | Mchernin34 | 2,222 Kb |
| Border-radius animation | Yukulele | 2,480 Kb |
| A Pen by utcwebdev | Utcwebdev | 2,856 Kb |
| Sinclair Research Computers | MattCowley | 3,068 Kb |
| CSS Chat Bubbles | Boylett | 2,094 Kb |
| Base64 SVG Me | MrBambule | 44,786 Kb |
| Highbrow Basic HTML Lesson 8 | Kimlarocca | 2,094 Kb |
| Feedback Page | TessDiNapoli | 2,836 Kb |
| A Pen by Ben Babics | Benbabics | 2,957 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!