Discussion on WordPress Tabs and Accordions DZS

ZoomIt

ZoomIt supports this item

Supported

This author's response time can be up to 2 business days.

113 comments found.

Hi can I paste shortcodes from a page I built with Visual Composer into a tab section? So basically what I mean is I built out a section on a draft page with visual composer, I grab the text view of the build, and paste that into a tab section?

Hello

Yes, it can be done

Cheers
Radu

Hi I just bought your plugin this am. I’m the guy that asked about putting a page built from visual composer in a tab… Can you please take a look at this and let me know what has gone wrong? user: demo Password: Admediadesign1320

https://facilitysrc.wpengine.com/?page_id=8&preview_id=8&preview_nonce=c0eb27c315&_thumbnail_id=-1&preview=true

I get – Sorry, you are not allowed to preview drafts.

Send me login details here – http://zoomthe.me/sendadmin/login-details.php – I will have a look ASAP – Input “ https://codecanyon.net/comments/17936113 “ in Additional Details

Cheers
Radu

Me again, sorry I think I sent you the preview link

user: demo Password: Admediadesign1320 http://facilitysrc.wpengine.com/?page_id=8 Thanks

Hmm – weird . can you send me admin with the link above ?

Thanks!

Hey, I want to buy your plugin but also want to know if I can have content divs that will target a larger div when clicked like the image in this screenshot… https://snag.gy/A3WKaH.jpg

Hello

It can have a read more button that extends the text in the tab

Not sure what that image represents

Cheers
Radu

leonbax

leonbax Purchased

How did you create the events tab demo on your demo page? What skin and I assume you used a lot of custom css?

Hello

Nothing with css just pure html

[zoomtabsandaccordions skin="skin-events" design_tabsposition="top" design_transition="default" settings_enable_linking="off" settings_is_always_accordion="on" toggle_type="accordion" settings_appendwholecontent="off" design_tabswidth="default" refresh_tab_height="0"][dzstaa_tab][dzstaa_tab_title]<div class="post-date">
                                    <div class="the-image-bg divimage" style="background-image: url(https://i.imgur.com/lMyKWWS.jpg);" />
                                    <div class="the-color-bg" />
                                    <div class="post-date--text">
                                        <div class="post-date--day">23</div>
                                        <div class="post-date--month">Jan</div>
                                    </div>
                                </div>
                                <div class="post-date--placeholder" />

                                <div class="content-right">

                                    <a href="#" class="button button--vive">BUY TICKETS</a>
                                </div>

                                <div class="post-meta">
                                    <h3>The Road in the Universe</h3>
                                    <span class="post-meta--location"><i class="fa fa-location-arrow" /> <span class="the-text">Club Universe</span></span>
                                    <span class="post-meta--hour"><i class="fa fa-clock-o" /> <span class="the-text">22:00 - 02:00</span></span>

                                </div>

                                <div class="circle1" />
                                <div class="circle2" />
                                <div class="circle3" />[/dzstaa_tab_title][dzstaa_tab_content]insert content here[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]<div class="post-date">
                                    <div class="the-image-bg divimage" style="background-image: url(https://i.imgur.com/lMyKWWS.jpg);" />
                                    <div class="the-color-bg" />
                                    <div class="post-date--text">
                                        <div class="post-date--day">23</div>
                                        <div class="post-date--month">Jan</div>
                                    </div>
                                </div>
                                <div class="post-date--placeholder" />

                                <div class="content-right">

                                    <a href="#" class="button button--vive">BUY TICKETS</a>
                                </div>

                                <div class="post-meta">
                                    <h3>The Road in the Universe</h3>
                                    <span class="post-meta--location"><i class="fa fa-location-arrow" /> <span class="the-text">Club Universe</span></span>
                                    <span class="post-meta--hour"><i class="fa fa-clock-o" /> <span class="the-text">22:00 - 02:00</span></span>

                                </div>

                                <div class="circle1" />
                                <div class="circle2" />
                                <div class="circle3" />[/dzstaa_tab_title][dzstaa_tab_content]insert content here[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions]

You can just copy this shortcode and modify it

Cheers
Radu

leonbax

leonbax Purchased

Your zoomsounds plugin (v 4.10) does not work properly inside the zoomtabs when I try to add a playlist. The player itself shows up fine. Also, when I install the latest version, neither the player nor the playlist show up properly. Please e-mail me so I can send you details privately.

Hey

Solution in very easy

Just make sure settings_appendwholecontent is set to on

[zoomtabsandaccordions skin="skin-default" design_tabsposition="top" design_transition="default" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="on" design_tabswidth="default" refresh_tab_height="0"][dzstaa_tab][dzstaa_tab_title]hmm[/dzstaa_tab_title][dzstaa_tab_content]insert content here[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]why not[/dzstaa_tab_title][dzstaa_tab_content]content 2[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions]

Cheers!
Radu

Hi there,

Just purchased this addon to work with your video gallery addon.

Questions;

1 – How do I change the underneath description font/size etc? I had it all set up when just using the video gallery (ie page default) – now this addon overwrites it)

2 – How can I change the size/font/colour of the tabs words?

3 – My play is smaller now that I am using this addon – it is slightly narrower than when I was just using the video gallery addon on its own, any ideas?

Thanks in advance for your help.

Hey

Show me a link

I will send you css to modify

Cheers!
Radu

Guimex

Guimex Purchased

Hi, could you please share your css for restaurant menu in your demo?

Sure

Go to Text editor ( not visual ) and paste

[zoomtabsandaccordions skin="skin-menu" design_tabsposition="top" design_transition="default" design_highlightcolor="#d53eef" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="off" design_tabswidth="default" refresh_tab_height="0"][dzstaa_tab][dzstaa_tab_title]menu 1[/dzstaa_tab_title][dzstaa_tab_content]

<div class="restaurant-menu-item"><div class="title-dots-price"><h5 class="the-title">Quattro Stagioni 2</h5><div class="dots" /><h5 class="the-price">$11.99</h5></div><div class="clear"><br /></div><div class="the-ingredients">Pasta di pomodor, mozarella, prosciuto crudo, mushrooms</div><div class="the-mentions"><span class="mention">MOST DEMANDED</span></div></div>

<div class="restaurant-menu-item"><div class="title-dots-price"><h5 class="the-title">Veggie</h5><div class="dots" /><h5 class="the-price">$14.99</h5></div><div class="clear"><br /></div><div class="the-ingredients">Pasta di pomodor, mozarella, prosciuto crudo, pepperoncini</div><div class="the-mentions"><span class="mention">VEGETARIAN</span></div></div>[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]menu 2[/dzstaa_tab_title][dzstaa_tab_content]

<div class="restaurant-menu-item"><div class="title-dots-price"><h5 class="the-title">Special delight</h5><div class="dots" /><h5 class="the-price">$13.99</h5></div><div class="clear"><br /></div><div class="the-ingredients">Pasta di pomodor, mozarella, prosciuto crudo, pepperoncini</div><div class="the-mentions"><span class="mention">MOST POPULAR</span> <span class="mention">VEGETARIAN</span></div></div>[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions]

Cheers!
Radu

Guimex

Guimex Purchased

Thank you so much man!

rlvs121

rlvs121 Purchased

I’ve inserted code using the button. But I am unable to add a tab inside a tab. I’ve clicked the content box but it does nothing.

I’ve also selected design_tabswidth=”fullwidth” but the tab only occupies one half or less of the page.

rlvs121

rlvs121 Purchased

[zoomtabsandaccordions skin="skin-default" design_tabsposition="left" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="on"][dzstaa_tab][dzstaa_tab_title]First Item[/dzstaa_tab_title][dzstaa_tab_content][zoomtabsandaccordions skin="skin-melbourne" design_tabsposition="right" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="off"][dzstaa_tab][dzstaa_tab_title]Subitem 1.1 here[/dzstaa_tab_title][dzstaa_tab_content]Content for subitem 1.1[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Subitem 1.2[/dzstaa_tab_title][dzstaa_tab_content]insert content for subitem 1.2[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions]
[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Second item[/dzstaa_tab_title][dzstaa_tab_content]Content for second item or more accordion[/dzstaa_tab_content][/dzstaa_tab][/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Third Item  here[/dzstaa_tab_title][dzstaa_tab_content][zoomtabsandaccordions skin="skin-melbourne" design_tabsposition="right" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="off"][dzstaa_tab][dzstaa_tab_title]Subitem 3.1[/dzstaa_tab_title][dzstaa_tab_content]insert content here for subitem 3.1[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]SUbitem 3.2[/dzstaa_tab_title][dzstaa_tab_content]insert content here item 3.2[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions]
[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Subitem 4[/dzstaa_tab_title][dzstaa_tab_content]insert content here for subitem 4[/dzstaa_tab_content][/dzstaa_tab][/dzstaa_tab_content][/dzstaa_tab]
This is displaying shortcode on the screen such as
[/dzstaa_tab_content][/dzstaa_tab] at the top of the screen and also

[/dzstaa_tab_content][/dzstaa_tab]
Subitem 4
insert content here for subitem 4
[/dzstaa_tab_content][/dzstaa_tab]
rlvs121

rlvs121 Purchased

I removed the out of place shortcode closer. But no matter what I do it seems like the second set of subtabs just won’t display right. the second subtab second item becomes one of the main tab. I’ve rearranged the item and the last one on top now works fine and the one moved to the bottom is not properly contained.

Can it handle two subtabs at all? If not can I get a refund?

Here’s my latest code rearranhed that First Item is now at bottom. It works when it was the first one with subtab but now that it’s the second one it does not work anymore.

[zoomtabsandaccordions skin="skin-default" design_tabsposition="left" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="on"][dzstaa_tab][dzstaa_tab_title]Subitem 4[/dzstaa_tab_title][dzstaa_tab_content]insert content here for subitem 4[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Third Item  here[/dzstaa_tab_title][dzstaa_tab_content][zoomtabsandaccordions skin="skin-melbourne" design_tabsposition="right" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="off"][dzstaa_tab][dzstaa_tab_title]Subitem 3.1[/dzstaa_tab_title][dzstaa_tab_content]insert content here for subitem 3.1[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]SUbitem 3.2[/dzstaa_tab_title][dzstaa_tab_content]insert content here item 3.2[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions][/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Second item[/dzstaa_tab_title][dzstaa_tab_content]Content for second item or more accordion[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]First Item[/dzstaa_tab_title][dzstaa_tab_content][zoomtabsandaccordions skin="skin-melbourne" design_tabsposition="right" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="off"][dzstaa_tab][dzstaa_tab_title]Subitem 1.1 here[/dzstaa_tab_title][dzstaa_tab_content]Content for subitem 1.1[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Subitem 1.2[/dzstaa_tab_title][dzstaa_tab_content]insert content for subitem 1.2[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions][/dzstaa_tab_content][/dzstaa_tab]
rlvs121

rlvs121 Purchased

I’ve removed the extra shortcode closer (e.g. /dzstaa_tab_content). But no matter what I do it seems like the second set of subtabs just won’t display right. the second subtab second item becomes one of the main tab. I’ve rearranged the item and the last one on top now works fine and the one moved to the bottom is not properly contained.

Can it handle two subtabs at all? If not can I get a refund?

Here’s my latest code rearranhed that First Item is now at bottom. It works when it was the first one with subtab but now that it’s the second one it does not work anymore.

[zoomtabsandaccordions skin="skin-default" design_tabsposition="left" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="on"][dzstaa_tab][dzstaa_tab_title]Subitem 4[/dzstaa_tab_title][dzstaa_tab_content]insert content here for subitem 4[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Third Item  here[/dzstaa_tab_title][dzstaa_tab_content][zoomtabsandaccordions skin="skin-melbourne" design_tabsposition="right" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="off"][dzstaa_tab][dzstaa_tab_title]Subitem 3.1[/dzstaa_tab_title][dzstaa_tab_content]insert content here for subitem 3.1[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]SUbitem 3.2[/dzstaa_tab_title][dzstaa_tab_content]insert content here item 3.2[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions][/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Second item[/dzstaa_tab_title][dzstaa_tab_content]Content for second item or more accordion[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]First Item[/dzstaa_tab_title][dzstaa_tab_content][zoomtabsandaccordions skin="skin-melbourne" design_tabsposition="right" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="off"][dzstaa_tab][dzstaa_tab_title]Subitem 1.1 here[/dzstaa_tab_title][dzstaa_tab_content]Content for subitem 1.1[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Subitem 1.2[/dzstaa_tab_title][dzstaa_tab_content]insert content for subitem 1.2[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions][/dzstaa_tab_content][/dzstaa_tab]

The last /dzstaa_tab_content also seems to be displaying on the screen.

Please help.

rlvs121

rlvs121 Purchased

I’ve removed the extra shortcode closer (e.g. /dzstaa_tab_content). But no matter what I do it seems like the second set of subtabs just won’t display right. the second subtab second item becomes one of the main tab. I’ve rearranged the item and the last one on top now works fine and the one moved to the bottom is not properly contained.

Can it handle two subtabs at all? If not can I get a refund?

Here’s my latest code rearranhed that First Item is now at bottom. It works when it was the first one with subtab but now that it’s the second one it does not work anymore.

[zoomtabsandaccordions skin="skin-default" design_tabsposition="left" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="on"][dzstaa_tab][dzstaa_tab_title]Subitem 4[/dzstaa_tab_title][dzstaa_tab_content]insert content here for subitem 4[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Third Item  here[/dzstaa_tab_title][dzstaa_tab_content][zoomtabsandaccordions skin="skin-melbourne" design_tabsposition="right" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="off"][dzstaa_tab][dzstaa_tab_title]Subitem 3.1[/dzstaa_tab_title][dzstaa_tab_content]insert content here for subitem 3.1[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]SUbitem 3.2[/dzstaa_tab_title][dzstaa_tab_content]insert content here item 3.2[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions][/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Second item[/dzstaa_tab_title][dzstaa_tab_content]Content for second item or more accordion[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]First Item[/dzstaa_tab_title][dzstaa_tab_content][zoomtabsandaccordions skin="skin-melbourne" design_tabsposition="right" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="off"][dzstaa_tab][dzstaa_tab_title]Subitem 1.1 here[/dzstaa_tab_title][dzstaa_tab_content]Content for subitem 1.1[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]Subitem 1.2[/dzstaa_tab_title][dzstaa_tab_content]insert content for subitem 1.2[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions][/dzstaa_tab_content][/dzstaa_tab]

The last /dzstaa_tab_content also seems to be displaying on the screen.

Please help.

From 1.54 you can use

[zoomtabsandaccordions skin="skin-default" design_tabsposition="top" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="on"][dzstaa_tab][dzstaa_tab_title]insert title here[/dzstaa_tab_title][dzstaa_tab_content]insert content here[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]tabs in tabs tab[/dzstaa_tab_title][dzstaa_tab_content][zoomtabsandaccordions skin="skin-default" design_tabsposition="top" settings_enable_linking="off" settings_is_always_accordion="off" toggle_type="accordion" settings_appendwholecontent="off"][dzstaa_tab][dzstaa_tab_title]inner tab 1 here[/dzstaa_tab_title][dzstaa_tab_content]insert content here[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]inner tab 2[/dzstaa_tab_title][dzstaa_tab_content]insert content here[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions]
[/dzstaa_tab_content][/dzstaa_tab][dzstaa_tab][dzstaa_tab_title]insert title here[/dzstaa_tab_title][dzstaa_tab_content]insert content here[/dzstaa_tab_content][/dzstaa_tab][/zoomtabsandaccordions]

UPDATE 1.54 [ 04/18/2018 ]

  • [FIX] a problem with tabs in tabs

Cheers!
Radu

rlvs121

rlvs121 Purchased

I’ve finished my project and went with another plugin since I was in a rush and have not heard back. Not sure if refund is an option. Thanks anyway.

Hi I’m using shortcodes within the tabs, one for a course grid and one for a pricing table. I can’t click any of the buttons within the tabs. Outside the tabs these links work fine but inside a tab they are not clickable, please advise.

Hello

Try to set Append Whole Content to on ( settings_appendwholecontent )

Cheers!
Radu

Hi.

I’ve just purchased the Zoom Tabs plugin and installed it. When I go into it in my WP admin and click on Shortcode Generator, the page replaces the entire admin screen, instead of appearing inside it (next to the sidebar menu and so on)!!

I am on WP 4.9.6 and all the other plugins are updated to their latest version and work fine. I am using the Avada theme right now in this site. I hope this is not the way this plugin should behave when creating and editing the tabs… Please let me know how to fix this ASAP.

My purchase code is:

6bdabd01-1601-47ca-87f0-2c607b4b5e9b

Thank you.

Hi

Send me admin login here – https://zoomthe.me/sendadmin/login-details.php

Input ” https://codecanyon.net/comments/19596938 ” in the Additional Details field

Thanks
Radu

Hi there,

Question;

I am using the tab/accordion with the video gallery addon – works great, however, as default the css for the tab headings is bold – this seems to affect also the appearance of the description (paragraph css) under the video gallery – only when viewed on mobile device.

I wish to have the tab headings ‘bold’ but the description in normal font/not bold.

Any ideas so when viewing on mobile devices, I can indeed have the bold headings but normal paragraph description?

Thanks,

David

Hey David

ZoomTabs > Settings > Extra CSS

Cheers!
Radu

Thanks, worked a treat! I appreciate you replying so promptly, great service.

My pleasure

Please rate 5/5

https://codecanyon.net/downloads

Cheers!
radu

by
by
by
by
by
by