Search…

X3 Photo Gallery Support Forums

Search…
 
Eightkiller
Experienced
Topic Author
Posts: 116
Joined: 15 Jul 2012, 14:34

Social Media Sharing in X3

19 Jun 2015, 12:05

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 :)
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Social Media Sharing in X3

19 Jun 2015, 17:52

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.
 
Eightkiller
Experienced
Topic Author
Posts: 116
Joined: 15 Jul 2012, 14:34

Re: Social Media Sharing in X3

20 Jun 2015, 03:41

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 :)
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Social Media Sharing in X3

20 Jun 2015, 05:06

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.
 
User avatar
Martin
Experienced
Posts: 651
Joined: 30 Jan 2011, 23:24

Re: Social Media Sharing in X3

20 Jun 2015, 05:08

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
 
User avatar
Overmaster
Experienced
Posts: 51
Joined: 21 Jan 2011, 05:54

Re: Social Media Sharing in X3

24 Jun 2015, 17:06

Hello! How to add Social Media How Sharyng on your website: https://mjau-mjau.com/about/
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Social Media Sharing in X3

24 Jun 2015, 17:29

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
}
 
User avatar
Overmaster
Experienced
Posts: 51
Joined: 21 Jan 2011, 05:54

Re: Social Media Sharing in X3

24 Jun 2015, 18:52

Thank you very much
 
User avatar
Overmaster
Experienced
Posts: 51
Joined: 21 Jan 2011, 05:54

Re: Social Media Sharing in X3

25 Jun 2015, 02:39

Please add icons for two very popular social networks in Russia:
https://vk.com/
https://instagram.com/
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Social Media Sharing in X3

25 Jun 2015, 06:03

Overmaster wrote:Please add icons for two very popular social networks in Russia:
https://vk.com/
https://instagram.com/
yes ...
 
User avatar
masquefotos
Experienced
Posts: 140
Joined: 20 May 2011, 05:38

Re: Social Media Sharing in X3

02 Jul 2015, 07:38

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
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Social Media Sharing in X3

02 Jul 2015, 14:02

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.
 
User avatar
masquefotos
Experienced
Posts: 140
Joined: 20 May 2011, 05:38

Re: Social Media Sharing in X3

03 Jul 2015, 05:17

Too complicated for me.
Thank you very much anyway
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Social Media Sharing in X3

05 Jul 2015, 02:58

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.
 
User avatar
Overmaster
Experienced
Posts: 51
Joined: 21 Jan 2011, 05:54

Re: Social Media Sharing in X3

07 Jan 2016, 08:09

Karl, please give the code and css for social buttons in the latest version for about x3
thx)