Custom tab + pin glitch?

[brittcolville]

Hi there,

I want to use custom tabs instead of the individual product description, as I wish to have the same content for 200+ products and be able to update it for all without having to go into each individual product. However when I add a Pin Maker shortcode it doesn’t display properly. (See https://www.linnwold.com/product/lux-poster/) It does however display properly in the custom tab, when the same content is added to the product “description” though? (See https://www.linnwold.com/product/tipu-poster/)  Please see attached screenshots.

Also is it possible to have the custom tab information appear without having to click the title like it would appear for “description”.

Thanks!

• This topic was modified 3 years, 6 months ago by brittcolville.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.wc-tabs li.product-information_tab a {border-color: #222222 }
#tab-product-information {display: block !important;}

2. and add below code to claue-child > functions.php

// Remove Tabs.
add_filter( 'woocommerce_product_tabs', 'yikes_woo_remove_tabs', 20, 1 );
function yikes_woo_remove_tabs( $tabs ) {

	// Remove the description tab.
	if ( isset( $tabs['description'] ) ) {
		unset( $tabs['description'] );
	}

	return $tabs;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[brittcolville]

Hi Harry,

Thanks for getting back to me so quickly 🙂

However when I add more custom tabs they don’t function properly, the tab content comes up underneath, instead of replacing it. (see https://www.linnwold.com/product/ave-poster/). Also it doesn’t solve the issue of the Pin Maker not working in the custom tab (without using the description).

Cheers,
Brittany

 

[Harry]

Hi,

The issue because the custom tab plugin not support load js and css of plugin PinMaker

You need add the suggested code i gave to you to hide description tab while still have to add any pin shortcode to product description. On the product it will not show the pin in description but it can help to load js and css code of plugin to show pin in custom tab

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[brittcolville]

Hi there,

I have already added the provided css code to the theme custom css and php code to the claue-child > functions. See screenshots below.

If I understand correctly, I will have to enter a pin shortcode into every product description in order for it to load the php for the custom tab? Won’t that mean the pin image will appear twice, once in the description and again in the custom tab description?

The tabs are still not working properly though. The text from additional custom tabs is displaying / loading underneath. See screenshot below and https://www.linnwold.com/product/ave-poster/. Also the selected tab border display as multiple highlighted.

Cheers,
Brittany

[Harry]

Hi,

If you add code i suggest the description tab will hidden and you don’t see duplicate pin. Just the pin you add in custom tab.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts