Actually WP Socializer works in this way.
There is a template and you create and add buttons to the template.
When you create a button, you can find the shortcode in the button settings.
But there is no shortcode for template. This is because template is a collection of buttons and these templates are automatically placed above/below posts. You can use the “location rules” to customize on which pages you have to show/hide the templates.
Whereas the shortcode of buttons can be placed anywhere in the site.
I didn’t see a need to have a shortcode for a template itself. May be if that is a need, I’ll sure consider it in the next release.
Ans yes, shortcodes have to made more open. With the next simplification project, things will be easier.
Regarding the document, it became obsolute. I’ll rewrite that too.
Thanks for your time and suggestions !
Hi Vaakash, as said earlier I suggested to add a “mobile sharebar” sticky @ top of screen.
In fact I need this right now. Until this can be added as feature, can you pls give the selector fort the “mobile sharebar” ? Because yes, as also said previously, using smart screen detection makes it hard for many users to test the mobile version and make quick CSS changes.
Waiting for the needed class/ID.
Regards.
Hi @tdechangy,
wpsr-mobile-sb is the class used for mobile sharebar.
All the features in wp socialize has unique class names. You can right click and inspect the element to find the class name.
Thanks,
Aakash
I tried this out to add mobile sharebar on top of screen with animation but it didn’t work for now while I was able to use it for other plugins. can you help me here pls until you add this option :
jQuery(document).ready(function( $ ){
/* if ($(window).width() < 769){ */
/* $("#sticky-menu").removeClass("sticky-menu") /* .removeAttr("id") * ;
/* $("#sticky-menu").removeClass("sticky-menu").addClass('sticky-menu-mobile'); */
var scrollTimeOut = true,
lastYPos = 0,
yPos = 0,
yPosDelta = 5,
nav = $(".wpsr-mobile-sb),
setNavClass = function() {
scrollTimeOut = false;
yPos = $(window).scrollTop();
if(Math.abs(lastYPos - yPos) >= yPosDelta) {
if (yPos < lastYPos){
$(".wpsr-mobile-sb").attr('style', 'top: 0px !important') /*.addClass('st-sticky-share-buttons-show')*/;
} else {
$(".wpsr-mobile-sb").attr('style', 'top: -55px !important');/*.removeClass('st-sticky-share-buttons-show')*/;
}
lastYPos = yPos;
}
};
$(window).scroll(function(e){
scrollTimeOut = true;
});
setInterval(function() {
if (scrollTimeOut) {
setNavClass();
}
}, 250);
}
/*}*/);
I finally found an easier trick to inverse cSS values :
.socializer.wpsr-mobile-sb {
top: 0px;
bottom: unset;
box-shadow: var(--BS-S);
}
.wpsr-mobile-sb.wpsr-msb-hide {
transition: margin 2s ease-out;
margin-bottom: none;
margin-top: -70px;
}
Meanwhile I hope to see this in next version releases.
This especially useful to avoid conflict with floating Chat icons etc.
@tdechangy,
Sorry.. I’m totally lost among other topics and can’t recall what was this current request about.
Could you please show a demo on the final result ?
Thanks,
Aakash
you can see it in action on the dev site @ https://ttestt.siccclic.com/
Excellent work !
I’ll keep these changes in mind and provide inbuilt options in any of the upcoming releases.
