Forum Replies Created
-
Posts
-
Hi Vinay,
Just wondering wrapping JS into function without any hook or function call won’t execute the code.
function select_portfolio_filter(){ ?> <script> jQuery( window ).load(function() { jQuery(‘.inner_sort_button:eq(1)’).click(); }); </script> <?php }What is the alternate way where in theme I can place the custom javascript code ?
Hey Basilis,
Hiding of Link with
{display: none}won’t solve the problem.On initial page load “All” will be active and Related content area “av-magazine-group” will be displayed. When I will click on “Breaking News” — It will be active and related contet area “av-magazine-group” will be displayed (visible).
I want to remove “All” link as well as it’s content block (Div). And “Breaking News” should be active along with it’s proper filtered content.
Let me know If you want more information.
Currently it’s binding click event from “shortcode.js”
$.fn.aviaMagazine = function( options ) { console.log(this.length); if(!this.length) return; return this.each(function() { var _self = {}; _self.magazine = $(this), _self.sort_buttons = _self.magazine.find('.av-magazine-sort a'); _self.container = _self.magazine.find('.av-magazine-group'); _self.sort_bar = _self.magazine.find('.av-magazine-top-bar'); _self.sort_buttons.on('click', function(e){ e.preventDefault(); methods.switchMag(this, _self); } ); }); }Hi,
Brilliant!
It works perfect for now.For others who would like to achieve the same, include this code to your functions.php in your child theme:
/* Enable Social Share Buttons */ add_filter('avf_title_args', 'avia_add_social_toolbar_template_builder', 10, 2); function avia_add_social_toolbar_template_builder($args, $id) { $args['additions'] .= avia_social_share_links(array(), false); return $args; }And include this in your style.css in your child theme:
/* Title Social Share Section Adjustment */ .title_container .av-share-box { width: 200px; margin-top: 2px; } .title_container .av-share-box ul li a { padding: 5px 0; } .title_container .av-share-box .av-share-link-description { display: none; } .title_container .av-share-box .avia-related-tooltip { display: none !important; } @media only screen and (max-width: 767px) { .title_container .av-share-box { display: none; } .responsive .title_container .breadcrumb { position: absolute; right: auto; top: 50%; margin-top: -7px; left: -2px; } }Thank you!
Hi, thank you for your comment.
I did manage to implement the social share box using this code but this inject the share box at the bottom of a page created with the avia template builder.
/* Enable Social Share Buttons */ add_filter('avf_template_builder_content', 'avia_add_social_toolbar_template_builder', 10, 1); function avia_add_social_toolbar_template_builder($content = "") { $content .= avia_social_share_links(array(), false); $content .= ''; return $content; }I then changed some of the CSS to get this result: http://sustainovate.com/fisheries/
Ofcourse this is not the preferred method … but is it not possible to insert the social share section into the header or before the page content?Thank you,
