A recent conflict was found when Genesis Simple Share is activated and configured while using the Posts and Page Grid in Genesis Blocks. The error can be seen when viewing the content on the front end. The error does not display in edit mode.
Below is a temporary fix that will allow you to manually set the share buttons which removes the JQuery error message from the Posts and Page Grid.
This code will place the share buttons on the home, archive and single posts. Copy/paste the code into the functions.php file. Then Save.
The current code sets the share buttons at the bottom of the posts. If you would like them at the top of the posts, you can change the priority from 15 to 5 on Line 1.
| add_action( 'genesis_entry_content', 'c8d_simple_share_placement', 15 ); | |
| /** | |
| * Fixes the JS Error output when using Genesis Blocks Posts and Page Grid. Note in Simple Share, do not set the position | |
| */ | |
| function c8d_simple_share_placement() { | |
| if ( ! function_exists('genesis_share_icon_output') ) { | |
| return; | |
| } | |
| if ( is_home() || is_archive() || is_single() ) { | |
| echo '<div class="sharre-icon-wrap">'; | |
| echo genesis_share_icon_output( 'buttons', array( 'facebook', 'twitter', 'pinterest' ) ); | |
| echo '</div>'; | |
| } | |
| } | |
Remove the JQuery Error
Go to Genesis > Simple Share. Make sure the “Icon Display Postion” is unset. Leave it “Select display position to enable icons.” Do not set a position. Then Save the settings.
Then re-visit the page where you have the Posts and Page Grid Block activated. The error should be gone.
To set the alignment of the share icons, add this CSS to the Additional CSS box under Appearance > Customize.
| /* Set the alignment of the Genesis Simple Share Icons | |
| -------------------------------------------------------- */ | |
| .sharre-icon-wrap { | |
| margin: 20px 0; | |
| text-align: center; | |
| } |
Did you find this blog or tutorial helpful?
Like my Signature? Get the Signature Widget for Genesis right here!
Leave a Reply