Instagram Url

4 years ago
From where I can set Instagram url in Admin Panel ? I can't find it.
4 years ago
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>
4 years ago
or you can just change one of the social sprite ones and add Instagram according to that. Easier way to do it.
4 years ago
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?
4 years ago
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.
4 years ago
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?
4 years ago
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
4 years ago
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?
4 years ago
If you give your site link then i can check tell you how to do that if it is a live site.
4 years ago
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;
}