مراحل زیر را انجام دهید:
1- تغییر فایل عکس social-sprite :عکسی که حاوی تصاویر لوگوی شبکه های اجتماعی است را بیابید:
Content/img/social-sprite-1.png
Content/img/social-sprite-2.png
با توجه به اینکه همه لوگوهای شبکه های اجتماعی در سایت شما استفاده نمی شود با فتوشاپ عکس فوق را باز کنید و عکس لوگوی شبکه اجتماعی مورد نظر را به آن اضافه و جایگزین یکی از لوگوهای کنونی کنید. مثلا ما در این مثال لوگوی تلگرام را جایگزین لوگوی pinterest می کنیم:
2- ویرایش فایل styles.rtl.css :فایل زیر را باز کنید:
Themes/YourTheme/Content/css/styles.rtl.css
با توجه به اینکه لوگوی شبکه اجتماعی مورد نظر را در اینجا جایگزین pinterest کرده ایم. کلمه pinterest را در فایل styles.rtl.css جستجو می کنیم. و رنگ پس زمینه لوگوی خود را عوض میکنیم. مثلا به رنگ آبی تغییر می دهیم:
.product-social-buttons .pinterest a {
background-color: #32a9df;
background-position: -52px 0;
}
3- ویرایش فایل _ShareButton.cshtml : لینک اشتراک گذاری در شبکه های اجتماعی نظیر کانال تلگرام و ... را می توانید در فایل زیر وارد کنید:
views\product\_ShareButton\_ShareButton.cshtml
درصورتی که از تم استفاده می کنید فایل فوق را در پوشه Themes بیابد و ویرایش کنید.
برای مثال اشتراک گذاری در توئیتر و تلگرام:
<ul class="social-sharing">
<li class="twitter">
<!-- Twitter -->
<a href="javascript:openShareWindow('http://twitter.com/share?url=@shareUrl')">
<span class="flip"></span>
<span class="flop"></span>
</a>
</li>
<li class="pinterest">
<!-- Telegram -->
<a href="javascript:openShareWindow('https://t.me/share/url?url=@shareUrl')">
<span class="flip"></span>
<span class="flop"></span>
</a>
</li>
</ul>