Instagram Url

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
8 năm cách đây
From where I can set Instagram url in Admin Panel ? I can't find it.
8 năm cách đây
There isn't an Instagram link setting. If you have source code version download of nopCommerce, you can add it to StoreInformationSettings under Nop.Core.Domain.

public string InstagramLink { get; set; }


Then make changes as it shows with the FacebookLink, TwitterLink, etc. throughout the project.

If you don't have the source code version of nopCommerce, you can add it in the list of links in Footer.cshtml under Nop.Web Views Common and put the link to your Instagram account there.

<li class="instagram"><a href="http://instagram.com/(yourlink)" target="_blank">@T("Footer.FollowUs.Instagram")</a></li>
8 năm cách đây
or you can just change one of the social sprite ones and add Instagram according to that. Easier way to do it.
8 năm cách đây
nbrglobalinc wrote:
There isn't an Instagram link setting. If you have source code version download of nopCommerce, you can add it to StoreInformationSettings under Nop.Core.Domain.

public string InstagramLink { get; set; }


Then make changes as it shows with the FacebookLink, TwitterLink, etc. throughout the project.

If you don't have the source code version of nopCommerce, you can add it in the list of links in Footer.cshtml under Nop.Web Views Common and put the link to your Instagram account there.

<li class="instagram"><a href="http://instagram.com/(yourlink)" target="_blank">@T("Footer.FollowUs.Instagram")</a></li>



I added the link to Footer.cshtml and it worked great! The only think is it is showing another facebook icon, instead of the Instagram icon.  Do you know how to change it to the instagram icon?
8 năm cách đây
loulou wrote:
There isn't an Instagram link setting. If you have source code version download of nopCommerce, you can add it to StoreInformationSettings under Nop.Core.Domain.

public string InstagramLink { get; set; }


Then make changes as it shows with the FacebookLink, TwitterLink, etc. throughout the project.

If you don't have the source code version of nopCommerce, you can add it in the list of links in Footer.cshtml under Nop.Web Views Common and put the link to your Instagram account there.

<li class="instagram"><a href="http://instagram.com/(yourlink)" target="_blank">@T("Footer.FollowUs.Instagram")</a></li>



I added the link to Footer.cshtml and it worked great! The only think is it is showing another facebook icon, instead of the Instagram icon.  Do you know how to change it to the instagram icon?


You will get help from previous post https://www.nopcommerce.com/boards/t/40134/how-to-change-youtube-social-icon-in-store-footer.aspx. It is almost similar. Hope it will help you.
8 năm cách đây
sohel wrote:
There isn't an Instagram link setting. If you have source code version download of nopCommerce, you can add it to StoreInformationSettings under Nop.Core.Domain.

public string InstagramLink { get; set; }


Then make changes as it shows with the FacebookLink, TwitterLink, etc. throughout the project.

If you don't have the source code version of nopCommerce, you can add it in the list of links in Footer.cshtml under Nop.Web Views Common and put the link to your Instagram account there.

<li class="instagram"><a href="http://instagram.com/(yourlink)" target="_blank">@T("Footer.FollowUs.Instagram")</a></li>



I added the link to Footer.cshtml and it worked great! The only think is it is showing another facebook icon, instead of the Instagram icon.  Do you know how to change it to the instagram icon?

You will get help from previous post https://www.nopcommerce.com/boards/t/40134/how-to-change-youtube-social-icon-in-store-footer.aspx. It is almost similar. Hope it will help you.



Thanks for the link but I still can't figure it out.  I'm not a super techie but a novice :).  I just need the icon to be the instagram icon, not the facebook icon.  Any other help in more simpler way?
8 năm cách đây
put this css line in style.css. Which is available in Nop.web->Themes->Default Clean->Content->Css->Styles

.instagram  {
  display: block;
  width: 38px;
  height: 38px;
  background: url('../images/instagram.png') no-repeat;
  font-size: 0;
}

Put a intagram png in Nop.web->Themes->Default Clean->Content->images like this one (http://obeezi.com/Themes/Tiffany/Content/img/instagram-bs-23.png) and rename it instagram.png
8 năm cách đây
anik1991 wrote:
put this css line in style.css. Which is available in Nop.web->Themes->Default Clean->Content->Css->Styles

.instagram  {
  display: block;
  width: 38px;
  height: 38px;
  background: url('../images/instagram.png') no-repeat;
  font-size: 0;
}

Put a intagram png in Nop.web->Themes->Default Clean->Content->images like this one (http://obeezi.com/Themes/Tiffany/Content/img/instagram-bs-23.png) and rename it instagram.png


Thanks for replying!  I did this and it worked!  The only thing is that the facebook icon is covering over top of the instagram icon.  I can see both now.  Any idea why this is happening?
8 năm cách đây
If you give your site link then i can check tell you how to do that if it is a live site.
8 năm cách đây
also you put

.follow-us .social .instagram a {
  background-position: -190px 0;
}

in styles.css
and then put this code

.instagram  {
  display: block;
  width: 38px;
  height: 38px;
  background: url('../images/instagram.png') no-repeat;
  font-size: 0;
}
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.