• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

The Cre8tive Diva - WordPress Developer

Digital Nomad | Helping WordPress & Genesis Framework Website Owners All Over the World

  • Home
  • About
    • Terms of Service & Privacy
    • Accessibility
  • Services
    • Blogger to WordPress Migration
    • Buddypress Installation
  • My Work
  • Blog
    • Tutorials
    • Five on Friday
    • Genesis Framework
    • Tipsy Tuesday
    • WordPress
  • Contact
Home » Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share

Published on November 17, 2020 / Updated on March 11, 2021 / Reading Time: 2 minutes

Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share

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.

If you are unfamiliar with working with your theme files, stop and ask for help. If you are familiar with modifying your theme files – you should back them up before proceeding.

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>';
}
}
view raw functions.php hosted with ❤ by GitHub

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;
}
view raw additional.css hosted with ❤ by GitHub

 

  • Like my Signature? Get the Signature Widget for Genesis right here!

  • FacebookTweetPinPrintShares2

    Filed Under: Genesis Framework, Genesis Plugins, WordPress

    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 […]

    Primary Sidebar

    It's just me and my dog Bella. I am a freelance web developer at Cre8tiveDiva.com. I build websites using WordPress and the Genesis Framework, WooCommerce and provide troubleshooting and support. I also build with Shopify. I love chocolate, lots of coffee!

    Sign Me Up!

    Receive my blog posts, tips and updates delivered to your inbox!

    Yes, Sign Me Up

    *By signing up you will receive new blogs, updates on products, services and important alerts.

    Categories

    • Design
    • eCommerce
    • Five on Friday
    • Fonts
    • Free Themes
    • Freebie Friday
    • Genesis Framework
    • Genesis Plugins
    • Genesis Themes
    • Genesis Untapped
    • Instagram
    • MailChimp
    • News
    • Plugins
    • Press This News
    • Social Media
    • Tipsy Tuesday
    • Troubleshooting
    • Tutorials
    • Uncategorized
    • Web Development
    • WooCommerce
    • WordPress
    • WordPress Plugins

    Footer

    Digital Nomad! I can be anywhere I wanna be now.

    Latest Blog Posts

    • Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share
    • How to Add Reading Time to a WordPress Genesis Child Theme Without a Plugin
    • How to Add “Shop” to WooCommerce Breadcrumbs when Using Yoast

    Looking for Something?

    Copyright © 2012–2022 · Designed with by Me! · Hosted on SiteGround

    We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkPrivacy policy