Return to previous page

Product description - by ejder077 - on WordPress WooCommerce support

This topic has 22 replies, 2 voices, and was last updated 5 years, 9 months ago ago by Rose Tyler

ejder077

Participant

April 18, 2018 at 12:44

Hi,

May I ask how can I make something like the screenshots show? Please see the attachments.

Attachment:
https://prntscr.com/j6ur68
https://prntscr.com/j6uquv
https://prntscr.com/j6uqu3

#191434 Copied

21 Answers
Rose Tyler

Support staff

April 18, 2018 at 12:52
Hello,

Theme Options > E-commerce > Single Product Page > Tabs type > Default http://prntscr.com/j6uwpw
and delete
```
.single-product .wc-tabs {
    display: none;
}
```
from Theme Options > Styling > Custom css.

Regards
#191437 Copied
ejder077

Participant

April 18, 2018 at 13:06

Hi,

I did what you say, but the single product page became like this, may I know what happened? How can I fix it?

Please see the attachment: https://prnt.sc/j6v4w8

#191438 Copied

Rose Tyler

Support staff

April 18, 2018 at 13:11

Please set 4 in Theme Options > E-commerce > Single Product Page > Number of slides per view.

Regards

#191440 Copied

ejder077

Participant

April 18, 2018 at 13:24

Hi,

I deleted the code and cleared the cache, but I still cannot see something like this: https://prntscr.com/j6ur68

What can I do?

#191444 Copied

Rose Tyler

Support staff

April 18, 2018 at 14:32

Hello,

Here are your tabs http://prntscr.com/j6wgdt
Do you want to change stylings of tabs, add more tabs or something else? The style of these tabs can be changed using custom css code. Please describe in details the desired result.

Regards

#191449 Copied

ejder077

Participant

April 21, 2018 at 12:37

Hi,

May I ask why there are some devices cannot show the tabs but some can?

Please see the attachment: https://prntscr.com/j876g5

#191645 Copied

Rose Tyler

Support staff

April 23, 2018 at 07:18

Hello,

I do not see the problem https://prnt.sc/j8u9kb Please clear the browser cache.

Regards

#191683 Copied

ejder077

Participant

July 10, 2018 at 12:17

Hi,

Would you mind to support me on adding more tabs(https://prnt.sc/j8u9kb)? How can I add tabs that are located above the description?

Best regards,
Ejder

#196423 Copied

Rose Tyler

Support staff

July 10, 2018 at 12:35

Hello,

Theme Options > E-commerce > Single Product Page > Custom Tab Title and Custom tab content.
Also, you can use this code https://docs.woocommerce.com/document/editing-product-data-tabs/ in functions.php of child theme.

Regards

#196425 Copied

ejder077

Participant

July 10, 2018 at 13:39

Hi,

I am able to add a tab by Theme Options > E-commerce > Single Product Page > Custom Tab Title and Custom tab content, but what if I want to add more than one tabs? Must I add it in functions.php of child theme?

#196431 Copied

Rose Tyler

Support staff

July 10, 2018 at 13:48

Hello,

If you want more tabs, please use this snippet http://prntscr.com/k4ql45 in functions.php of your child theme.

Regards

#196437 Copied

ejder077

Participant

July 11, 2018 at 08:21

Hi,

Can I use WPBakery Page Builder to edit the content of the tab? Or I can only edit the content by the plugin snippet?

#196487 Copied

Rose Tyler

Support staff

July 11, 2018 at 08:32

Hello,

If you use the custom code to add more tabs, you need to add desired content into functions.php file.
Also, there is possibility to create custom tab for separate product via [8theme] Product Options http://prntscr.com/k521we

Regards

#196490 Copied

ejder077

Participant

July 11, 2018 at 12:51

OK, I will try, thank you.

#196512 Copied

Rose Tyler

Support staff

July 11, 2018 at 13:33

You’re welcome. Feel free to ask if you have any other questions.

Regards

#196517 Copied

ejder077

Participant

July 12, 2018 at 04:27

Hi,

I changed the name of the description tab to “FAQ” (https://prntscr.com/k5fqi2)
Then I created one new tab called “Test1” (https://prntscr.com/k5fqyg)
It was fine until I create one more new tab:

I tried to create one more tab called “Test2” (https://prntscr.com/k5fpf3)
But when I tried to save it, the page says there is an error (https://prntscr.com/k5fpjw), may I ask how can I fix it?

Best regards,
Ejder

#196557 Copied
Rose Tyler

Support staff

July 12, 2018 at 09:16
Hello,

Please note that add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' ); can be used in functions.php file only once.
Here is an example of code to add 2 tabs:
http://prntscr.com/k5ib0j
```
add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {
    
    // Adds the new tab
    
    $tabs['test_tab'] = array(
        'title'     => __( 'New Product Tab', 'woocommerce' ),
        'priority'  => 50,
        'callback'  => 'woo_new_product_tab_content'
    );

    $tabs['test_tab2'] = array(
        'title'     => __( 'New Product Tab 2', 'woocommerce' ),
        'priority'  => 20,
        'callback'  => 'woo_new_product_tab_content2'
    );

    return $tabs;

}
function woo_new_product_tab_content() {

    // The new tab content

    echo '<h2>New Product Tab</h2>';
    echo '<p>Here\'s your new product tab.</p>';
    
}

function woo_new_product_tab_content2() {

    // The new tab content

    echo '<h2>New Product Tab2</h2>';
    echo '<p>Here\'s your new product tab contnent for 2nd tab.</p>';
    
}
```
Regards
#196573 Copied
ejder077

Participant

July 12, 2018 at 14:54

Hi,

May I ask how can I insert this “Process element” (https://prntscr.com/k5n4yw)/(https://prntscr.com/k5n550) into the tab that I created (https://prntscr.com/k5fqyg)?

#196608 Copied

Rose Tyler

Support staff

July 13, 2018 at 08:18

Hello,

You can create a static block https://xstore.helpscoutdocs.com/article/47-static-blocks with desired content and use this code in functions.php – echo do_shortcode('[block id=""]'); (https://prnt.sc/k5xeq8 > http://prntscr.com/k5xfk2).

Regards

#196621 Copied
1 2

Viewing 20 results - 1 through 20 (of 22 total)