jpowersdev

Hi @jamoones,

Sorry for the delay, I was out last week.

It looks to me like you have a form stored on your WordPress site with an ID that doesn’t exist on your Mailchimp account. It is failing to fetch updated information because the API request is returning a Not Found error.

I’m not sure what happened to change the list ID in Mailchimp, but I would recommend trying to make another form attached to that list and see if it works. Duplicate your current form, but start fresh. Don’t actually copy the existing form.

Let me know if that helps,
Jon

Hi @cornreclame,

The Divi builder has a module called Woo Tabs that allows you to manage WooCommerce tabs. That is what Tracy was referring to.

Divi’s page builder is built in a way that prevents extending WooCommerce’s tabs system in the way its developers intended. If you use the Divi Builder to create a product, our plugin and similar plugins will likely not work.

Jon

Hi @sneike,

Yeah, the problem there is that the element you want to link to won’t be visible when you click the link, so the browser won’t be able to scroll to that element. You’d need to open the tab before linking to the element.

The simplest way I can think of to do this is to attach an additional attribute to the link (for example, something like data-tab="my-custom-tab") and then write some javascript that pulls that data-attribute, clicks the mentioned tab, and then uses Element.scrollIntoView() (or jQuery equivalent) to scroll to the desired element.

Let me know if that makes sense,
Jon

Hi @binarywc,

You can use shortcodes in the content of your tabs, so my recommendation would be to define a shortcode separately and use it in your tab’s content and any other needed location.

You could also theoretically write a shortcode to pull specific tab data from your products, but you would need to know the product’s ID and the title of tab at minimum. Then you could use a strategy like this:

$tabs = get_post_meta($product_id, 'yikes_woo_products_tabs', true);

$tab = array_filter($tabs, function($tab){
  return 'my-title' === $tab['title'];
});

to fetch the tab data for that product in the body of a shortcode function.

Option one would be much easier unless you have a specific reason for needing the tab defined on the product.

Let me know if that helps,
Jon

• This reply was modified 4 years, 9 months ago by jpowersdev.
• This reply was modified 4 years, 9 months ago by jpowersdev.

Hi @patmcgrawatbasis,

We have a knowledge base article on that topic located here – https://yikesplugins.com/knowledge-base/groups/

Groups show up as a list of checkboxes that the user can select from.

Let me know if that helps,
Jon

Hey @whispardesign,

Glad it’s working now! Let us know if you need anything else.

Thanks,
Jon

Hi @whispardesign,

So the real problem here is not with the scrolling, but rather the fact that your navbar is fixed. It’s correctly scrolling to the tab, but the tab is hidden behind your navbar.

You can use something like this to control where it scrolls:

jQuery( 'body' ).on( 'click', '.woocommerce-product-details__short-description a[href^="#tab-"]', function(e) {
    e.preventDefault();

    var href_pieces = jQuery( this ).attr( 'href' ).split( '#tab-' );
    var href        = '#tab-title-' + href_pieces[1];
    const tab = jQuery( href ).children( 'a' )

    tab.click();

    jQuery('html, body').animate({
	    scrollTop: tab.parent().offset().top - 200 // Change the 200 as needed
    }, 1500);	
  });

By manually animating the page you can choose to move 200 fewer pixels down (as I have in this example), or any other amount.

Let me know if that helps,
Jon