-
Posts
-
I would like to include the theme provided share links used in blog posts in portfolio entry pages but in a specific location. Is there a shortcode or widget for this.
Hey Boris!
Open up /enfold/includes/loop-portfolio-single.php and find line 54.
</article><!--end post-entry-->Add this right below it.
<?php echo avia_social_share_links(); ?>If you want to do this in a child theme then you can copy that file to your child theme and then do the edit.
Regards,
ElliottElliot,
Sorry for not getting back to you sooner. My understanding is there is no shortcode for the av-share-link-llist, correct? Would it be possible to put the actual code in a code box so I can place it on the page where I want it.
Elliot,
I was able to paste the code for the av-share-box into a code box using google’s inspect element feature. This allowed me to place the buttons where I wanted but as expected the functionality is not working right. The buttons work but the page content does not show correctly in the share post.
Regardless, this trial and error leads to me believe with some modification this is possible. Can you help?
Hey!
So your copying the source code from your browser and then pasting it into a certain area in your portfolio post? Send us a link and we’ll take a look to see if we can give you some CSS fixes.
Regards,
ElliottElliot,
Yes. I copied the source code from the browser and pasted it into a specific location using a code block. The button styles are in place. The mouse overs are spotty. When clicked the functions works but the page content does not populate the share posting.
The code I pasted looks like this:
<div class=”av-share-box”><ul class=”av-share-box-list noLightbox”><li class=”av-share-link av-social-link-facebook”><span class=”avia_hidden_link_text”>Share on Facebook</span><div class=”avia-related-tooltip avia-tt” style=”top: 94px; left: 200.409072875977px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Facebook</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-twitter”><span class=”avia_hidden_link_text”>Share on Twitter</span><div class=”avia-related-tooltip avia-tt” style=”top: 84px; left: 319.909072875977px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Twitter</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-gplus”><span class=”avia_hidden_link_text”>Share on Google+</span><div class=”avia-related-tooltip avia-tt” style=”top: 91px; left: 439.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Google+</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-linkedin”><span class=”avia_hidden_link_text”>Share on Linkedin</span><div class=”avia-related-tooltip avia-tt” style=”top: 93px; left: 559.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Linkedin</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-mail”><span class=”avia_hidden_link_text”>Share by Mail</span><div class=”avia-related-tooltip avia-tt” style=”top: 94px; left: 679.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share by Mail</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div></div>
Let me also offer some clarification. My name is Kris. I am working on a clients site using the enfold theme and mainly working in the staging area. I can provide you my staging login if needed in a private message.
Best Regards
KrisHey!
Have you tried the code in my first post? It’s working fine on my XAMPP setup.
You can add this custom CSS to make it look better as well.
.template-portfolio .av-share-box { padding-right: 40px !important; }Regards,
ElliottHi!
Did you use the advance layout builder to build the portfolio items? Please try this on functions.php:
add_filter('avf_template_builder_content', 'avia_add_social_toolbar_template_builder', 10, 1); function avia_add_social_toolbar_template_builder($content = "") { if(is_singular('portfolio')){ $content .= avia_social_share_links(array(), false); $content .= '<div style="height:1px; margin-top:50px;" class="hr"></div>'; } return $content; }Cheers!
IsmaelIsmael,
I did use the advance layout builder. Is there a specific location in the functions.php to place this code?
Ismail,
I pasted the code in the functions.php which worked but the location is overlapping existing content. Is there a way to specify the location?
Hi!
No, the share links will appear at the end of the portfolio/post content. There is no shortcode for the share links right now, feel free to request it here as a new feature.
Cheers!
JosueIsmail,
With the code you provided is there an adjustment to remove or not include the description heading = “share this entry”
- You must be logged in to reply to this topic.