jaimex8
12/9/2015 - 10:57 PM

Social Icons PROD

Social Icons PROD

plugins.js
content_copyfile_download
/*
 Ridiculously Responsive Social Sharing Buttons
 Team: @dbox, @seagoat
 Site: http://www.kurtnoble.com/labs/rrssb
 Twitter: @therealkni

        ___           ___
       /__/|         /__/\        ___
      |  |:|         \  \:\      /  /\
      |  |:|          \  \:\    /  /:/
    __|  |:|      _____\__\:\  /__/::\
   /__/\_|:|____ /__/::::::::\ \__\/\:\__
   \  \:\/:::::/ \  \:\~~\~~\/    \  \:\/\
    \  \::/~~~~   \  \:\  ~~~      \__\::/
     \  \:\        \  \:\          /__/:/
      \  \:\        \  \:\         \__\/
       \__\/         \__\/
*/(function(e,t,n){"use strict";var r=function(){t(".rrssb-buttons").each(function(e){var n=t(this),r=t("li",n).length,i=100/r;t("li",n).css("width",i+"%").attr("data-initwidth",i)})},i=function(){t(".rrssb-buttons").each(function(e){var n=t(this),r=parseFloat(t(n).width()),i=t("li",n).not(".small").first().width(),s=t("li.small",n).length;i>170&&s<1?t(n).addClass("large-format"):t(n).removeClass("large-format");r<200?t(n).removeClass("small-format").addClass("tiny-format"):t(n).removeClass("tiny-format")})},s=function(){t(".rrssb-buttons").each(function(e){var n=t(this),r=0,i=0,s,o,a=t("li.small",n).length;if(a===t("li",n).length){var f=a*42,l=parseFloat(t(n).width());s=t("li.small",n).first();o=parseFloat(t(s).attr("data-size"))+55;if(f+o<l){t(n).removeClass("small-format");t("li.small",n).first().removeClass("small");u()}}else{t("li",n).not(".small").each(function(e){var n=parseFloat(t(this).attr("data-size"))+55,s=parseFloat(t(this).width());r+=s;i+=n});var c=r-i;s=t("li.small",n).first();o=parseFloat(t(s).attr("data-size"))+55;if(o<c){t(s).removeClass("small");u()}}})},o=function(e){t(".rrssb-buttons").each(function(e){var n=t(this),r=t("li",n).nextAll(),i=r.length;t(t("li",n).get().reverse()).each(function(e,r){if(t(this).hasClass("small")===!1){var i=parseFloat(t(this).attr("data-size"))+55,o=parseFloat(t(this).width());if(i>o){var a=t("li",n).not(".small").last();t(a).addClass("small");u()}}--r||s()})});e===!0&&f(u)},u=function(){t(".rrssb-buttons").each(function(e){var n=t(this),i,s,o,u,a,f=t("li.small",n).length;if(f>0&&f!==t("li",n).length){t(n).removeClass("small-format");t("li.small",n).css("width","42px");o=f*42;i=t("li",n).not(".small").length;s=100/i;a=o/i;navigator.userAgent.indexOf("Chrome")>=0||navigator.userAgent.indexOf("Safari")>=0?u="-webkit-calc("+s+"% - "+a+"px)":navigator.userAgent.indexOf("Firefox")>=0?u="-moz-calc("+s+"% - "+a+"px)":u="calc("+s+"% - "+a+"px)";t("li",n).not(".small").css("width",u)}else if(f===t("li",n).length){t(n).addClass("small-format");r()}else{t(n).removeClass("small-format");r()}});i()},a=function(){t(".rrssb-buttons").each(function(e){t(this).addClass("rrssb-"+(e+1))});r();t(".rrssb-buttons li .text").each(function(e){var n=parseFloat(t(this).width());t(this).closest("li").attr("data-size",n)});o(!0)},f=function(e){t(".rrssb-buttons li.small").removeClass("small");o();e()},l=function(t,r,i,s){var o=e.screenLeft!==n?e.screenLeft:screen.left,u=e.screenTop!==n?e.screenTop:screen.top,a=e.innerWidth?e.innerWidth:document.documentElement.clientWidth?document.documentElement.clientWidth:screen.width,f=e.innerHeight?e.innerHeight:document.documentElement.clientHeight?document.documentElement.clientHeight:screen.height,l=a/2-i/2+o,c=f/3-s/3+u,h=e.open(t,r,"scrollbars=yes, width="+i+", height="+s+", top="+c+", left="+l);e.focus&&h.focus()},c=function(){var e={};return function(t,n,r){r||(r="Don't call this twice without a uniqueId");e[r]&&clearTimeout(e[r]);e[r]=setTimeout(t,n)}}();t(".rrssb-buttons a.popup").on("click",function(e){var n=t(this);l(n.attr("href"),n.find(".text").html(),580,470);e.preventDefault()});t(e).resize(function(){f(u);c(function(){f(u)},200,"finished resizing")});t(document).ready(function(){a()})})(window,jQuery);
miva.html
content_copyfile_download
<!-- Social Icons PROD -->
<div class="social-buttons">
    <ul class="rrssb-buttons clearfix">
        <li class="facebook">
            <!-- Replace with your URL. For best results, make sure you page has the proper FB Open Graph tags in header: 
            https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/ -->
            <a href="https://www.facebook.com/sharer/sharer.php?u=&mvt:global:socialProdURL;&t=&mvt:global:store:company;" class="popup">
                <span data-icon="&#xe093;" class="facebook"></span>
                <!-- <span class="text">facebook</span>-->
            </a>
        </li>
    <mvt:comment>
        <li class="linkedin">
            <!-- Replace href with your meta and URL information -->
            <a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=&mvt:global:socialProdURL;&amp;title=&mvt:global:store:company;&amp;summary=&mvte:global:socialProdText;" class="popup">
                <span class="icon">
                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="28px" height="28px" viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve">
                        <path d="M25.424,15.887v8.447h-4.896v-7.882c0-1.979-0.709-3.331-2.48-3.331c-1.354,0-2.158,0.911-2.514,1.803
                            c-0.129,0.315-0.162,0.753-0.162,1.194v8.216h-4.899c0,0,0.066-13.349,0-14.731h4.899v2.088c-0.01,0.016-0.023,0.032-0.033,0.048
                            h0.033V11.69c0.65-1.002,1.812-2.435,4.414-2.435C23.008,9.254,25.424,11.361,25.424,15.887z M5.348,2.501
                            c-1.676,0-2.772,1.092-2.772,2.539c0,1.421,1.066,2.538,2.717,2.546h0.032c1.709,0,2.771-1.132,2.771-2.546
                            C8.054,3.593,7.019,2.501,5.343,2.501H5.348z M2.867,24.334h4.897V9.603H2.867V24.334z"/>
                    </svg>
                </span>
                <!-- <span class="text">linkedin</span>-->
            </a>
        </li>
    </mvt:comment>
        <li class="twitter">
            <!-- Replace href with your Meta and URL information  -->
            <a href="http://twitter.com/home?status=Check%20out%20the%20deal%20on%20&mvt:product:name;%20at%20&mvt:store:name;%20&mvt:global:socialProdURL;" class="popup">
                <span data-icon="&#xe094;" class="twitter"></span>
                <!-- <span class="text">twitter</span>-->
            </a>
        </li>
    
        <li class="googleplus">
            <!-- Replace href with your meta and URL information.  -->
            <a href="https://plus.google.com/share?url=Check%20out%20the%20deals%20at%20&mvt:store:name;%20&mvt:global:socialProdURL;" class="popup">
                <span data-icon="&#xe096;" class="googleplus"></span>
                <!-- <span class="text">google+</span>-->
            </a>
        </li>
    
        <li class="pinterest">
            <!-- Replace href with your meta and URL information.  -->
            <a href="http://pinterest.com/pin/create/button/?url=&mvt:global:socialProdURL;&amp;media=&mvt:global:socialProdImage;&amp;description=&mvte:global:socialProdText;" class="popup">
                <span data-icon="&#xe095;" class="pinterest"></span>
                <!-- <span class="text">pinterest</span> -->
            </a>
        </li>
        <li>
            <a href="#js-tell-a-friend" class="" id="taf">
            <span data-icon="&#xe010;" class="share taf tan"></span>
            </a>
        </li>
    </ul>
</div>

<!-- Social buttons CSS -->
<style>
.rrssb-buttons{
    padding-left: 0px;
}
.rrssb-buttons li{
    list-style-type: none;
    margin-right: 1.2rem;
    float: left;
    font-size: 1.4rem;
}
.rrssb-buttons li a,
.rrssb-buttons li a span{
    color: #5e7685!important;
}
</style>
head tag.html
content_copyfile_download
<mvt:assign name="g.socialSiteURL" value="'http://' $ g.domain:name $ '/'" />
<mvt:assign name="g.socialSiteImage" value="'http://' $ g.domain:name $ '/mm5/graphics/00000001/logo.gif'" />
<mvt:assign name="g.socialSiteText" value="'YOUR_SITE_DESCRIPTION'" />
<meta property="og:site_name" content="&mvt:store:name;" />
<meta property="fb:app_id" content="YOUR_APP_ID" />
<link rel="stylesheet" href="rrssb/css/rrssb.css" type="text/css" />
<mvt:if expr="'CTGY' CIN l.settings:page:code">
	<link rel="canonical" href="&mvte:category:link;">
	<mvt:assign name="g.socialCtgyURL" value="'http://' $ g.domain:name $ '/' $ tolower( l.settings:category:code ) $ '/' $ tolower( slugify(l.settings:category:name) )" />
	<mvt:assign name="g.encodedCtgyName" value="encodeentities(l.settings:category:name)" />
	<mvt:assign name="g.socialCtgyText" value="'Check out the deals in the ' $ l.settings:category:name $ ' section at ' $ g.store:name" />
<mvt:elseif expr="l.settings:page:code EQ 'PROD' OR l.settings:page:code EQ 'PATR'">
	<link rel="canonical" href="&mvte:product:link;">
	<mvt:assign name="g.socialProdURL" value="'http://' $ g.domain:name $ '/' $ tolower( l.settings:product:code ) $ '/' $ tolower( slugify(l.settings:product:name) )" />
	<mvt:assign name="g.encodedProdName" value="encodeentities(l.settings:product:name)" />
	<mvt:assign name="g.socialProdText" value="'Check out the deal on ' $ l.settings:product:name $ ' at ' $ g.store:name" />
	<mvt:assign name="g.socialProdImage" value="'http://' $ g.domain:name $ g.domain:image_root $ l.settings:product:customfield_values:productimagecustomfields:main" />
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="@TWITTER_ACCOUNT">
	<meta name="twitter:creator" content="@TWITTER_ACCOUNT">
	<meta name="twitter:title" content="&mvt:global:encodedProdName;">
	<meta name="twitter:description" content="&mvte:global:socialProdText;">
	<meta name="twitter:image:src" content="&mvt:global:socialProdImage;">
	<meta property="og:title" content="&mvt:global:encodedProdName;" />
	<meta property="og:type" content="product" />
	<meta property="og:image" content="&mvt:global:socialProdImage;" />
	<meta property="og:url" content="&mvt:global:socialProdURL;" />
	<meta property="og:site_name" content="&mvte:global:store:name;" />
	<meta property="og:description" content="&mvte:global:socialProdText;" />
<mvt:else>
	<link rel="canonical" href="&mvte:urls:_self:auto;">
</mvt:if>