Shortcode for tab?

[micheal_w]

Hi Guys,

I would like to add tabs to the “product short description” field. There is you little icon which allows us to include different short codes, but there is no option to paste tabs… Any workaround to do this?

Thank you!

[Mohammad – SUPPORT]

Hi,
You can generate the tab in page content through Swift page builder and switch to html mode to copy the shortcode of tab. Now paste at product short description.
Thanks
Mohammad

[micheal_w]

This reply has been marked as private.

[Kyle – SUPPORT]

Make sure you are putting them in the correct field, it’s Product Meta Options > Product Short Description

– Kyle

[micheal_w]

This reply has been marked as private.

[micheal_w]

update: the shortcode I used on the screenshot was not correct… I use the correct one now, but still does not work:

[spb_tabs tabs_type=”standard” center_tabs=”no” width=”1/1″ el_position=”first last”] [spb_tab title=”Tab 1″ icon=”” id=””] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

This is a text block. Click the edit button to change this text.

[/spb_text_block] [/spb_tab] [spb_tab title=”Tab 2″ icon=”” id=””] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

This is a text block. Click the edit button to change this text.

[/spb_text_block] [/spb_tab] [/spb_tabs]

[micheal_w]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Please provide me with a link and login so I can look into this for you

– Kyle

[micheal_w]

This reply has been marked as private.

[David Martin – Support]

Hi,

I have setup this draft test product so we can help you easier. http://lifewear.com.au/?post_type=product&p=16730.

If you look at the Product Meta => Product Short Description you will see the tab shortcode content I have added.

This looks to be working fine, do you also see that?

Cheers,
David.

[micheal_w]

Hi David,

Works fine, thank you! Two more question:
1. can I change the colour of the active tab header background?
2. how can I write bold text in that meta description field since there is no editor icons (like in the default field)?

Thanks!

[David Martin – Support]

Hi,

1)

Please add this and update the color codes:

.spb_tabs .nav-tabs li.active a, 
.spb_tour .nav-tabs li.active a {
    background: #8224e3;
    border-color: #8224e3!important;
    color: #ffffff!important;
}

2) You can use the <strong>Your Text</strong> tags.

Thanks,
David.