گذاشتن لینک کانال تلگرام

باسلام.برای گذاشتن لینک کانال تلگرام مربوطه در زیر هر محصول که در واقع با کلیک بروی آن وارد کانال مربوطه شد چکاری باید انجام داد؟

مراحل زیر را انجام دهید:

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>