RETAILERS

{{ ---------BEGIN ADD-ON SETTINGS AND CONTROLS----------- }}

{{ ----OVERALL GRID SETTINGS---- }}

{% assign: Show_Custom_Page_Title = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Custom_Page_Title = "RETAILERS" %}
{% assign: Show_Grid_Intro_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% capture Grid_Intro_Text %}{% endcapture %}

{{ --GRID ALIGNMENT SETTINGS-- }}
{% assign: Number_of_Grid_Items = 5 %} {{ Options: 1 to 12 }}
{% assign: Grid_Items_Per_Row = 'three' %}
{% assign: Grid_Items_Margin = 3 %} {{ Options: 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 }} {{ Note: In percentages }}

{{ --GRID TEXT SETTINGS-- }}
{% assign: Titles_Font_Size = 18 %}
{% assign: Show_Grid_Item_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Grid_Item_Text_Arrangement = 'Below Image' %} {{ Options: 'Below Image', 'Above Image' or 'Title Over Image' }}
{% assign: Grid_Item_Text_Alignment = 'Center' %} {{ Options: 'Left', 'Center', 'Right' }}
{% assign: Show_Grid_Item_Title_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Show_Grid_Item_Description_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}

{{ --GRID IMAGE SETTINGS-- }}
{% assign: Grid_Image_Rounded_Corners = 'No' %} {{ Options: 'Yes' or 'No' }}
{% assign: Grid_Image_Links = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Grid_Image_Link_Type = 'Page' %} {{ Options: 'Image' or 'Page' }}
{% assign: Grid_Image_Link_Behavior = 'Same Window' %} {{ Options: 'Popup' , 'Same Window' or 'New Window' }}
{% assign: Grid_Image_Link_Popup_Navigation = 'No' %} {{ Options: 'Yes' or 'No' }}

{{ ----BEGIN INDIVIDUAL GRID ITEM SETTINGS---- }}

{{ --GRID ITEM 1 SETTINGS-- }}

{% assign: Grid_Item_1_Image_Url = 'https://themefiend.com/wp-content/uploads/dryan_alvarez/9c.jpg' %} {% assign: Grid_Item_1_Page_Url = 'http://www.on3trackmind.com/' %} {% assign: Grid_Item_1_Title = "ON3TRACKMIND LIMITED" %} {% capture Grid_Item_1_Text %}

347.770.6361 | www.on3trackmind.com

{% endcapture %}

{{ --GRID ITEM 2 SETTINGS-- }}

{% assign: Grid_Item_2_Image_Url = 'https://themefiend.com/wp-content/uploads/dryan_alvarez/9b.jpg' %} {% assign: Grid_Item_2_Page_Url = 'http://lvck.com/' %} {% assign: Grid_Item_2_Title = "LVCK" %} {% capture Grid_Item_2_Text %}

702.530.3025. | www.lvck.com

{% endcapture %}

{{ --GRID ITEM 3 SETTINGS-- }}

{% assign: Grid_Item_3_Image_Url = 'https://themefiend.com/wp-content/uploads/dryan_alvarez/9d.jpg' %} {% assign: Grid_Item_3_Page_Url = 'https://www.facebook.com/WestcoastStreetwear-340833229408995/' %} {% assign: Grid_Item_3_Title = "WESTCOAST STREETWEAR" %} {% capture Grid_Item_3_Text %}

702.927.2044 | www.westcoastsw.com

{% endcapture %}

{{ --GRID ITEM 4 SETTINGS-- }}

{% assign: Grid_Item_4_Image_Url = 'https://themefiend.com/wp-content/uploads/dryan_alvarez/9a.jpg' %} {% assign: Grid_Item_4_Page_Url = 'https://www.facebook.com/blackgeishastudios' %} {% assign: Grid_Item_4_Title = "BLACK GEISHA STUDIOS" %} {% capture Grid_Item_4_Text %}

702.237.9805 | www.blackgeishastudios.com

{% endcapture %}

{{ --GRID ITEM 5 SETTINGS-- }}

{% assign: Grid_Item_5_Image_Url = 'https://themefiend.com/wp-content/uploads/dryan_alvarez/9f.jpg' %} {% assign: Grid_Item_5_Page_Url = 'http://www.institution18b.com/' %} {% assign: Grid_Item_5_Title = "INSTITUTION18B" %} {% capture Grid_Item_5_Text %}

702.476.5704 | www.institution18b.com

{% endcapture %}

{{ --GRID ITEM 6 SETTINGS-- }}

{% assign: Grid_Item_6_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/mag6.JPG' %} {% assign: Grid_Item_6_Page_Url = 'http://themefiend.com' %} {% assign: Grid_Item_6_Title = "Vogue" %} {% capture Grid_Item_6_Text %}

March 2014 Issue | http://www.vogue.com/magazine/

{% endcapture %}

{{ --GRID ITEM 7 SETTINGS-- }}

{% assign: Grid_Item_7_Image_Url = '' %}
{% assign: Grid_Item_7_Page_Url = '' %}
{% assign: Grid_Item_7_Title = "" %}
{% capture Grid_Item_7_Text %}{% endcapture %}

{{ --GRID ITEM 8 SETTINGS-- }}

{% assign: Grid_Item_8_Image_Url = '' %}
{% assign: Grid_Item_8_Page_Url = '' %}
{% assign: Grid_Item_8_Title = "" %}
{% capture Grid_Item_8_Text %}{% endcapture %}

{{ --GRID ITEM 9 SETTINGS-- }}

{% assign: Grid_Item_9_Image_Url = '' %}
{% assign: Grid_Item_9_Page_Url = '' %}
{% assign: Grid_Item_9_Title = "" %}
{% capture Grid_Item_9_Text %}{% endcapture %}

{{ --GRID ITEM 10 SETTINGS-- }}

{% assign: Grid_Item_10_Image_Url = '' %}
{% assign: Grid_Item_10_Page_Url = '' %}
{% assign: Grid_Item_10_Title = "" %}
{% capture Grid_Item_10_Text %}{% endcapture %}

{{ --GRID ITEM 11 SETTINGS-- }}

{% assign: Grid_Item_11_Image_Url = '' %}
{% assign: Grid_Item_11_Page_Url = '' %}
{% assign: Grid_Item_11_Title = "" %}
{% capture Grid_Item_11_Text %}{% endcapture %}

{{ --GRID ITEM 12 SETTINGS-- }}

{% assign: Grid_Item_12_Image_Url = '' %}
{% assign: Grid_Item_12_Page_Url = '' %}
{% assign: Grid_Item_12_Title = "" %}
{% capture Grid_Item_12_Text %}{% endcapture %}

{{ ----END INDIVIDUAL GRID ITEM SETTINGS---- }}

{{ ---------END THEME SETTINGS AND CONTROLS----------- }}

{{ ---------BEGIN GRID ADD-ON HTML TEMPLATE CODE---------- }}

{% assign: nogi = Number_of_Grid_Items %}
{% assign: gipr = Grid_Items_Per_Row %}
{% assign: gimg = Grid_Items_Margin %}
{% assign: gdtx = "class='gi_text'" %}

{% assign: girc = Grid_Image_Rounded_Corners %}
{% assign: gil = Grid_Image_Links %}
{% assign: gilt = Grid_Image_Link_Type %}
{% assign: gilb = Grid_Image_Link_Behavior %}
{% assign: gilpn = Grid_Image_Link_Popup_Navigation %}

{% assign: sgit = Show_Grid_Item_Text %}
{% assign: gitxam = Grid_Item_Text_Arrangement %}
{% assign: gital = Grid_Item_Text_Alignment %}
{% assign: sgittx = Show_Grid_Item_Title_Text %}
{% assign: sgidtx = Show_Grid_Item_Description_Text %}

{% capture it_mrgn %}{% if gimg == 0 %}mg-O{% endif %}{% if gimg == 0.5 %}mg-OpV{% endif %}{% if gimg == 1 %}mg-I{% endif %}{% if gimg == 1.5 %}mg-IpV{% endif %}{% if gimg == 2 %}mg-II{% endif %}{% if gimg == 2.5 %}mg-IIpV{% endif %}{% if gimg == 3 %}mg-III{% endif %}{% endcapture %}
{% capture it_pr %}{% if gipr == 'two' %}ii_ipr{% endif %}{% if gipr == 'three' %}iii_ipr{% endif %}{% if gipr == 'four' %}iv_ipr{% endif %}{% if gipr == 'five' %}v_ipr{% endif %}{% endcapture %}

{% if Show_Custom_Page_Title contains 'es' %}

{{ Custom_Page_Title }}

{% else %}

{{ page.name | remove: '(&)' | remove: '(#)' | remove: '(!)' | remove: '(!!)' | remove: '(!!!)' | remove: '(!!!!)' }}

{% endif %} {% if Show_Grid_Intro_Text contains 'es' %}
{{ Grid_Intro_Text | paragraphs }}
{% endif %}
{% capture gi_title %}{% if sgittx contains 'es' %}

{{ Grid_Item_1_Title }}

{% endif %}{% endcapture %} {% capture gitx_box %}{% if sgit contains 'es' %}
{% unless gitxam contains 'itle' %}{{ gi_title }}{% endunless %}{% if sgidtx contains 'es' %}

{{ Grid_Item_1_Text }}

{% endif %}
{% endif %}{% endcapture %} {% capture gi_img %}
  • {% if gil contains 'es' %}{% endif %}{% if gil contains 'es' %}{% endif %}
    • {% endcapture %} {% if gilb contains 'ew' %}{% capture pg_target %}target="new"{% endcapture %}{% endif %} {% capture GIC %}{% if gitxam contains 'itle' %}{{ gi_title }}{{ gi_img }}{{ gitx_box }}{% endif %}{% if gitxam contains 'elow' %}{{ gi_img }}{{ gitx_box }}{% elsif gitxam contains 'bove' %}{{ gitx_box }}{{ gi_img }}{% endif %}{% endcapture %} {% if nogi >= 1 %}
    {{ GIC | newline_to_br }}
    {% endif %} {% if nogi >= 2 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_2_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_2_Page_Url | replace: Grid_Item_1_Title , Grid_Item_2_Title | replace: Grid_Item_1_Text , Grid_Item_2_Text | newline_to_br }}
    {% endif %} {% if nogi >= 3 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_3_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_3_Page_Url | replace: Grid_Item_1_Title , Grid_Item_3_Title | replace: Grid_Item_1_Text , Grid_Item_3_Text | newline_to_br }}
    {% endif %} {% if nogi >= 4 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_4_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_4_Page_Url | replace: Grid_Item_1_Title , Grid_Item_4_Title | replace: Grid_Item_1_Text , Grid_Item_4_Text | newline_to_br }}
    {% endif %} {% if nogi >= 5 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_5_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_5_Page_Url | replace: Grid_Item_1_Title , Grid_Item_5_Title | replace: Grid_Item_1_Text , Grid_Item_5_Text | newline_to_br }}
    {% endif %} {% if nogi >= 6 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_6_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_6_Page_Url | replace: Grid_Item_1_Title , Grid_Item_6_Title | replace: Grid_Item_1_Text , Grid_Item_6_Text | newline_to_br }}
    {% endif %} {% if nogi >= 7 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_7_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_7_Page_Url | replace: Grid_Item_1_Title , Grid_Item_7_Title | replace: Grid_Item_1_Text , Grid_Item_7_Text | newline_to_br }}
    {% endif %} {% if nogi >= 8 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_8_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_8_Page_Url | replace: Grid_Item_1_Title , Grid_Item_8_Title | replace: Grid_Item_1_Text , Grid_Item_8_Text | newline_to_br }}
    {% endif %} {% if nogi >= 9 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_9_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_9_Page_Url | replace: Grid_Item_1_Title , Grid_Item_9_Title | replace: Grid_Item_1_Text , Grid_Item_9_Text | newline_to_br }}
    {% endif %} {% if nogi >= 10 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_10_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_10_Page_Url | replace: Grid_Item_1_Title , Grid_Item_10_Title | replace: Grid_Item_1_Text , Grid_Item_10_Text | newline_to_br }}
    {% endif %} {% if nogi >= 11 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_11_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_11_Page_Url | replace: Grid_Item_1_Title , Grid_Item_11_Title | replace: Grid_Item_1_Text , Grid_Item_11_Text | newline_to_br }}
    {% endif %} {% if nogi >= 12 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_12_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_12_Page_Url | replace: Grid_Item_1_Title , Grid_Item_12_Title | replace: Grid_Item_1_Text , Grid_Item_12_Text | newline_to_br }}
    {% endif %}

    {{ ---------END GRID ADD-ON HTML TEMPLATE CODE---------- }}

    {{ ---------BEGIN GRID ADD-ON CSS/JAVASCRIPT CODE---------- }}

    .media {overflow:visible}
    .page-title {display:none}#grid-addon .page-title {display:inline-block}
    #grid-addon {position:relative}#grid-container {font-size: 0px;}
    #grid-intro-text {margin-bottom: 1.5%;margin-top: 0.5%}
    .grid_item h3 {font-size: {{ Titles_Font_Size }}px !important; line-height: 125%; margin-top: 10px !important;{% if gitxam contains 'itle' %}margin-bottom:10px !important;{% else %}margin-bottom:0px !important;{% endif %} text-align:{{ gital | downcase }};}
    .grid_item p {text-align:{{ gital | downcase }};margin-top:10px !important;}
    .grid_item {vertical-align: top;display: inline-block;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;padding:0%;border:0px solid transparent;position:relative}
    .grid_item img {width: 100%;{% if girc contains 'es' %}border-radius:5px{% endif %}box-sizing:border-box;-moz-box-sizing:border-box;}
    .gi_text {display: inline-block;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:0%;background-color:transparent;}
    #colorbox, #cboxOverlay, #cboxWrapper {z-index: 2147483647 !important;}
    body #cboxContent #cboxPrevious, body #cboxContent #cboxNext {background-image: url(https://themefiend.com/tf-themes/_images/arrows/8.png) !important;opacity: 0.6;filter:alpha(opacity=60);width: 24px !important;height: 50px !important;outline: none;top: 45%;}
    body #cboxContent button:hover {opacity: 0.9 !important;filter:alpha(opacity=90) !important;}
    body button#cboxPrevious {background-position: 0px 0px !important;right: inherit;left: 15px;}
    body button#cboxNext {background-position: 100% 0px !important;right: 15px;left:inherit;}
    body #cboxClose {right: 2px;top: 2px;}
    body #cboxTitle {color: #ffffff;display: none !important}
    /*----------ITEMS PER ROW AND MARGINS CSS-----------------*/
    /* ---TWO Items Per Row; 0% to 3% Margin--- */
    .ii_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:50%}
    .ii_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:49.75%}
    .ii_ipr.mg-I .grid_item {margin:0% 1% 5% 0%;width:49.5%}
    .ii_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:49.25%}
    .ii_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:49%}
    .ii_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:48.75%}
    .ii_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:48.5%}
    /* ---THREE Items Per Row; 0% to 3% Margin--- */
    .iii_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:33.3333%}
    .iii_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:33%}
    .iii_ipr.mg-I .grid_item {margin:0% 1% 1% 0%;width:32.6667%}
    .iii_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:32.3333%}
    .iii_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:32%}
    .iii_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:31.6667%}
    .iii_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:31.3333%}
    /* ---FOUR Items Per Row; 0% to 3% Margin--- */
    .iv_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:25%}
    .iv_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:24.625%}
    .iv_ipr.mg-I .grid_item {margin:0% 1% 1% 0%;width:24.250%}
    .iv_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:23.875%}
    .iv_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:23.5%}
    .iv_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:23.125%}
    .iv_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:22.75%}
    /* ---FIVE Items Per Row; 0% to 3% Margin--- */
    .v_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:20%}
    .v_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:19.6%}
    .v_ipr.mg-I .grid_item {margin:0% 1% 1% 0%;width: 19.2%}
    .v_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:18.8%}
    .v_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:18.4%}
    .v_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:18%}
    .iv_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:17.6%}
    /* ---Last Item In Row (No Margin)--- */
    @media only screen and (min-width: 768px) {
    .ii_ipr .grid_item.last, .iii_ipr .grid_item.last, .iv_ipr .grid_item.last, .v_ipr .grid_item.last {margin-right: 0%}
    }
    /*============= Media Screen 767px========================*/
    @media only screen and (max-width: 767px) {
    .mg-O .grid_item {margin:0% 0% 0% 0%;width:50% !important}
    .mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:49.75% !important}
    .mg-I .grid_item {margin:0% 1% 5% 0%;width:49.5% !important}
    .mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:49.25% !important}
    .mg-II .grid_item {margin:0% 2% 2% 0%;width:49% !important}
    .mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:48.75% !important}
    .mg-III .grid_item {margin:0% 3% 3% 0%;width:48.5% !important}
    .grid_item:nth-child(2n) {margin-right: 0% !important}
    }

    (function($) {
    $(document).ready(function(){
    $(".gi-popup a").colorbox({maxWidth:'800'});
    $("#grid-addon > br, #grid-container > br, .grid_item > br, #grid-addon p:empty").remove();
    $(".gi_text br:first-child, .gi_text br:first-child + br, #grid-intro-text br:first-child, #grid-intro-text br:first-child + br").remove();
    });
    var url1 = /(^|<|\s)(www\..+?\..+?)(\s|>|$)/g,
    url2 = /(^|<|\s)(((https?|ftp):\/\/|mailto:).+?)(\s|>|$)/g,
    linkifyThis = function () {
    var childNodes = this.childNodes,
    i = childNodes.length;
    while(i--)
    {
    var n = childNodes<i>;
    if (n.nodeType == 3) {
    var html = $.trim(n.nodeValue);
    if (html)
    {
    html = html.replace(/&/g, '&amp;')
    .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
    .replace(url1, '$1<a href="http://$2">$2</a>$3')
    .replace(url2, '$1<a href="$2">$2</a>$5');
    $(n).after(html).remove();
    }
    }
    else if (n.nodeType == 1 && !/^(a|button|textarea)$/i.test(n.tagName)) {
    linkifyThis.call(n);
    }
    }
    };
    $.fn.linkify = function () {
    return this.each(linkifyThis);
    };
    $('body').linkify();
    $("a[@href^='www'], a[@href^='http']").attr('target','_blank');
    })(jQuery);

    {{ ---------END GRID ADD-ON CSS/JAVASCRIPT CODE---------- }}