Display errors on multiple bookshelves

  • Resolved decaturlibwp

    (@decaturlibwp)


    3 years, 2 months ago

    We created multiple shelves, and had them displayed in Tabs in a Divi based wordpress site. In previews, they all look the same, however, on the actual page,on PC only the first to load in displays properly. All others appear to be using the information for a different screen size (looks like mobile) They all use plugin universal settings, and we did not change the coding This happens regardless of if we copy a shelf, or create from scratch

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author photonicgnostic

    (@photonicgnostic)

    3 years, 2 months ago

    There is a conflict between rendering Divi tabs and the Slick slider this plugin uses, But I have fixed this on sites using Divi themes before.

    Create a module in the Divi library containing the following script:

    <script type='text/javascript'>
// Fixes Bookshelves rendering issues in Divi tabs.

// Add click event to tabs
jQuery('[class^=et_pb_tab]').click( function() {
	// Get the current tab class
	target = jQuery(this).attr("class");
	
	// Wait until the tab has finish transitioning to visible
	setTimeout( function() {
		// Find all the Bookshelves within the current tab
		jQuery( 'div .' + target + ' [class^=bookshelf]' ).each( function() {
			// Get the unqiue IDs of each Bookshelf
			target = '#' + jQuery(this).attr('id');
			// Use the Slick refresh method to make each bookshelf display as expected
			jQuery(target).slick('refresh');
		});
	}, 750);
});
</script>

    Add this module after the tabs on your page(s) containing Bookshelves.

    Bookshelves should now render properly when switching tabs.

    Thread Starter decaturlibwp

    (@decaturlibwp)

    3 years, 2 months ago

    photonicgnostic, Thank you for the reply. I will try to get this done today and see how it looks.

    Plugin Author photonicgnostic

    (@photonicgnostic)

    3 years, 1 month ago

    I’ve built in a fix for Divi themes into version 5.3. Let me know if this fixes your issue after you upgrade. Thanks!

    Thread Starter decaturlibwp

    (@decaturlibwp)

    3 years, 1 month ago

    The other fix was working. I will update and see if I need to undo the other fix . Thank you so much

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Display errors on multiple bookshelves’ is closed to new replies.