Page 1 of 2

Social Media Sharing in X3

Posted: 19 Jun 2015, 12:05
by Eightkiller
Hy,

I've read some posts about social media sharing in X3. I wanted to know if you are about to add one natively to X3 anytime soon ?
I would prefer not to implement something else, i just need some sillys facebook/twitter picture sharing options.

Thanks in advance for your answer :)

Re: Social Media Sharing in X3

Posted: 19 Jun 2015, 17:52
by mjau-mjau
Eightkill wrote:I've read some posts about social media sharing in X3. I wanted to know if you are about to add one natively to X3 anytime soon ?
Yes, it is relatively high on the list, and something we wanted to add within next month before public release. It is very likely that we will simply implement from the AddThis sharing service with some options.

In fact, you can already do it yourself, and likely have almost the same setup as we will have in X3 soon:

1. Simply go to this page:
https://www.addthis.com/get/sharing-sidebar

2. Scroll down to the "setup" button, or it might say "free" before you create an account.

3. Unless you already have an account, after clicking "free", just login with Google or facebook to get an Addthis account.

4. Go to the "setup" page for the sharing sidebar:
Image

5. You can change a few options, and at the bottom of page you will get the code something like this:
Code
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=imagevue" async="async"></script>
6. Simply copy the code given to you, go to X3 panel custom/javascript/, and paste it!

You should have the sharing sidebar.

Re: Social Media Sharing in X3

Posted: 20 Jun 2015, 03:41
by Eightkiller
I've given it a shot, but what i would like to to is to have buttons to share specific pictures, i tried differents setup with add this.
But, it seems u can't do it easily, it is not getting the information specific to the image u clicked on on his own and just positioning a layout on top of everything in the page. I think i'll have to wait for you to mix it with your gallery code specific :)

Re: Social Media Sharing in X3

Posted: 20 Jun 2015, 05:06
by mjau-mjau
The problem is, since an image isn't a page, where would the share link go when sharing an image? It can't go to the page you are on, because that is basically the gallery page, and it would't show the correct preview image either. It would have to share the direct url to the image (file.jpg), but then obviously the link would point there also, which is not good for the website owner.

However, in next release of X3, we have a new feature called "image landing pages", which is basically a unique link within your gallery dedicated to the image. This was created specifically for two things: 1) SEO, and 2) Sharing, and is not even used by default from within the gallery, because the popup is generally more functional for in-site image-browsing.

Re: Social Media Sharing in X3

Posted: 20 Jun 2015, 05:08
by Martin
mjau-mjau wrote:However, in next release of X3, we have a new feature called "image landing pages", which is basically a unique link to your gallery that shows only the image. This was created specifically for two things: 1) SEO, and 2) Sharing, and is not even used by default from within the gallery, because the popup will be used.
Artur will be pleased :D

Re: Social Media Sharing in X3

Posted: 24 Jun 2015, 17:06
by Overmaster
Hello! How to add Social Media How Sharyng on your website: https://mjau-mjau.com/about/

Re: Social Media Sharing in X3

Posted: 24 Jun 2015, 17:29
by mjau-mjau
Overmaster wrote:Hello! How to add Social Media How Sharyng on your website: https://mjau-mjau.com/about/
Below the last </p> paragraph in the code provided in the "about" template (page content editor):
Code
<ul class="about-icons social-icons small-block-grid-6">
  <li class=""><a href="https://www.facebook.com/mjaumjauweb" class="icon-facebook" title="Facebook" target="_blank" rel="external"></a></li>
  <li><a href="https://plus.google.com/+Mjaumjauweb" class="icon-google-plus" title="Google" target="_blank" rel="external"></a></li>
  <li><a href="http://no.linkedin.com/in/mjaumjau" class="icon-linkedin" title="Linkedin" target="_blank" rel="external"></a></li>
  <li><a href="https://twitter.com/mjaumjauweb" class="icon-twitter" title="Twitter" target="_blank" rel="external"></a></li>
  <li><a href="https://github.com/mjau-mjau" class="icon-github" title="Github" target="_blank" rel="external"></a></li>
  <li><a href="/contact/" class="icon-mail" style="background:#FFC000" title="Email"></a></li>
</ul>
Then go to custom/css/, and paste the following custom css:
Code
.about-icons {
    margin: .8rem 0 0 -.1rem;
    width: 300px
}
.about-icons li {
    padding: 2px
}
.about-icons a {
    width: 100%;
    padding: 0!important;
    padding-bottom: 100%!important;
    color: #FFF
}
.about-icons a:hover {
    transform: scale(1.5)
}
.about-icons a:hover:before {
    background: none!important
}
.about-icons a.icon-facebook {
    background: #3b5998
}
.about-icons a.icon-twitter {
    background: rgb(0, 172, 237)
}
.about-icons a.icon-google-plus {
    background: #dd4b39
}
.about-icons a.icon-linkedin {
    background: #007bb6
}
.about-icons a.icon-github {
    background: #333
}

Re: Social Media Sharing in X3

Posted: 24 Jun 2015, 18:52
by Overmaster
Thank you very much

Re: Social Media Sharing in X3

Posted: 25 Jun 2015, 02:39
by Overmaster
Please add icons for two very popular social networks in Russia:
https://vk.com/
https://instagram.com/

Re: Social Media Sharing in X3

Posted: 25 Jun 2015, 06:03
by mjau-mjau
Overmaster wrote:Please add icons for two very popular social networks in Russia:
https://vk.com/
https://instagram.com/
yes ...

Re: Social Media Sharing in X3

Posted: 02 Jul 2015, 07:38
by masquefotos
Overmaster wrote:Please add icons for two very popular social networks in Russia:
https://vk.com/
https://instagram.com/
Could it be also www.500px.com?
Gracias

Re: Social Media Sharing in X3

Posted: 02 Jul 2015, 14:02
by mjau-mjau
masquefotos wrote:Could it be also http://www.500px.com?
maybe. 500px don't even have an icon in the the extensive Font Awesome icon set, which we are planning to integrate:
http://fortawesome.github.io/Font-Awesome/icons/

If the icon is not included in icon sets that we can integrate with X3, you may need to download their icon manually and add it somehow, although it may not match the other font icons.

Re: Social Media Sharing in X3

Posted: 03 Jul 2015, 05:17
by masquefotos
Too complicated for me.
Thank you very much anyway

Re: Social Media Sharing in X3

Posted: 05 Jul 2015, 02:58
by mjau-mjau
I see this icon has been requested a lot in the font awesome iconset we intend to add.
https://github.com/FortAwesome/Font-Awesome/issues/599

Let's hope they add it soon! Until then, we can't include icons in X3 that are not part of an iconset.

Re: Social Media Sharing in X3

Posted: 07 Jan 2016, 08:09
by Overmaster
Karl, please give the code and css for social buttons in the latest version for about x3
thx)