310 comments found.
Hello, what about the css to open accordion on mobile when clicking on + icon? Can you post it here or will it be part of next update? . Thx David
Hi,
It is not possible with the CSS only, but you can get it done with the following JS -
<script type="text/javascript">
jQuery( '.infi-accordion-icon' ).on( 'click', function() {
jQuery( this ).prev( '.infi-accordion-item-heading' ).trigger( 'click' );
} );
</script>
You can add the above js with WPBakery Raw JS element to the page where the tabs are used.
I hope this helps. If you have any questions, please feel free to contact us.
Kind regards,
Nitin
Hello team a Client purchased this plugin to enable adding more functionality to their ecommerce website I am building. We are currently using the latest version 3.6.6 and I love everything about the Elegant Tabs plugin so far.
Could you help me test full compatibility with Woocommerce from your end since as I am experiencing some strange happenings which are unusual but just want to confirm from you guys to know where I can possibly resolve it from.
So my client wants to have 4 different tabs that feature selected products from different categories on the homepage from woocommerce(as shown in the image attachment below).
But What happens is the Tab 1 (which is the first tab) has been set as the default active tab and displays woocommerce content correctly. The other 3 tabs, though are able to fetch the products and indeed when you hover the mouse in the content area, you can actually tell the products are there which you can click to the main product page. But they are not visually visible, quite a strange phenomenon.
Now when I specify tab 2 as the default active tab same phenomenon happens. It displays woocommerce content correctly but Tab 1 which initially displayed content from 1st setup now is unable to visually display the products and same for the Tabs 3 and 4 respectively.
Here are links to screenshots to help understand the situation.
https://ibb.co/s3B8LcV https://ibb.co/MsBXnHsI’d be gratefull to hear from you guys soon. Many thanks and warmest Regards, Nana
Hi Nana,
Thanks for the explanation. Can you please submit a support ticket with your site URL and this information, so we can better assist you?
Also, please get the license key from your client as it is required to submit the ticket.
From your screenshots, it looks like the products are being displayed with some JS animation, which is not triggering when you switch the tabs. I can surely help you to get it fixed, no worries 
Regards, Nitin
Awesome. I’ll request for the license. Many thanks for reaching out to help Nitin
Awaiting your support ticket
Hello,
I want to know if it is possible to create image tabs which are all collapsible?
Here is the example I am looking to replicate: https://www.spies.dk/de-kanariske-oer/tenerife/los-cristianos
Thank you
Kind regards
Hi,
Here’s what you can achieve with the Elegant Tabs – https://www.infiwebs.com/elegant-tabs-vc/show-hide-tabs-on-click/
Instead of icons, you can use images and set to hide all the tabs initially, so when the page is loaded, only tab icons will be visible.
However, it is not possible to display the tabs in grid view like in your reference site, if you’re looking to replicate the same.
Let me know if you have any questions.
Kind regards,
Nitin
Hi there,
Thank you kindly for your quick reply.
As I see it, when viewing on mobile the tabs switch to a dropdown. Can this behavior be changed to stacking?
Thank you.
Kind regards
Hi,
Yes, we have the option to set the tabs to either the dropdown or accordion on mobile devices, as the desktop tabs do not fit for mobile devices.
Kind regards,
Nitin
Hi again,
Sounds good. And will I be able to display the entire image on the tab just like in the example I gave you?
Thank you
Kind regards
Hi,
Yes, you can display only images as tab navigation. See an example here – https://www.infiwebs.com/elegant-tabs-vc/custom-image-icon-only-demo/
Kind regards,
Nitin
Hi,
Great!
Will you agree to refund if I can’t achieve the desired outcome? Because then I will try it out.
Kind regards
Hi,
If you’re looking to achieve the same design and layout, it is not possible, however, in terms of functionality, as I mentioned earlier, it is possible. If you need any help, please feel free to submit a support ticket, and we will do our best to help you out to get the implementation considering you need the image icon only tabs, hidden initially and open/close on click.
If any of these features do not work, we can surely refund the purchase
Kind regards,
Nitin
Hi,
OK, I purchased and installed.
The image looks ok, but there is a huge gab between the tabs, how can I adjust this?
On mobile view the tab title and plus icons goes to the right of the image. How can this be displayed below?
Kind regards
Please have a look here: http://app.mallorcaoplevelser.dk/62552-2/
Another thing … When on mobile, the first tab will display as active even though no content is showing, so you have to click two times to reveal content. I set the active tab to “0” as instructed.
Hi,
Thanks for your purchase. Can you please submit a support ticket with your questions and site URLs so we can better assist you?
Kind regards,
Nitin
Hello – Plugin installed, actuvated and registered, But we don’t see “infitabs” in the options when we add a new element. Your support is for Elegant Elements for Fusion Builder which is confusing as this plugin is for WPBakery VC.
Hi,
Can you please submit a support ticket, so we can better assist you?
Just to make sure, can you please check if the element is enabled under WPBakery -> Settings?
Kind regards,
InfiWebs
Thanks for quick reply. I got it working now. Can you provide link to instructions, as I cannot find a way to change the text on the Tab title, so I am stuck with Tab 1, Tab 2, Tab 3 etc.
Hi,
You can edit the tab titles same way as you edit the core WPBakery tabs. If you’re trying to edit the tabs from the frontend editor, it is not currently supported, as WPBakery does not provide any API for the container element rendering in the frontend like the way it works in the backend. You can edit the tabs from the backend editor easily.
I hope this helps. In case you need any help, please feel free to submit a support ticket, so we can better assist you.
Kind regards,
InfiWebs
Hello, after lust update, when I make tabs sticky on scroll, tabs alignement always shows as centred.(even if set as left aligned). Can you take a look at it? Thx David
Hi,
Thanks for bringing this to our attention. Can you please use the following CSS till the update is released with the fix -
.et-tabs.et-align-left.et-horizontal:not(.justified-tabs) nav ul {
justify-content: flex-start;
}
.et-tabs.et-align-right.et-horizontal:not(.justified-tabs) nav ul {
justify-content: flex-end;
}
I hope this helps.
Kind regards,
Nitin
now its oK, thx David
Glad to know it helped
Hello, there is another problem … on mobile, inherit to desktop stopped working and tab is not shown….tab show sonly if I choose accordion or dropdown. Can you take a look at it? Thx David
Hi David,
Thanks for letting us know. We will take a look at this and make sure it will be fixed in the next update, as soon as possible.
Kind regards, Nitin
Hello,are there any news about new update with corrections? Thx David
Hi,
The update with the above fixes is just released. You will be notified via email from Envato.
Kind regards,
Nitin
Hello, everything works fine now, thx!
Thanks for your confirmation and glad to know it is working fine now
Hello, coloured vertical tabs work fine on desktop resolutions but not mobile? The tabs have a white background with black text?
Hi,
Can you please submit a support ticket, so we can help you better?
I have created tabs for a page with your plugin but I am running into an issue. I am using the Essential Grid plugin to display this page in a lightbox. When I visit the page itself, the tabs show properly but when the page is loaded into the lightbox, only the headers are shown, the content is hidden and no interaction with the tabs is possible
Hi,
Can you please submit a support ticket with your site details so we can take a look for you?
Kind regards,
InfiWebs
Greetings, I bought the plugin a long time ago … I can not activate it … much difficulty with the token.
If I buy the system again to activate it, is it the same?
Hi,
Yes, the plugin is same with additional features
Kind regards,
InfiWebs
Hi! Are you planning to make tabs sticky also on mobile devices?
Hi,
Yes, we have plans on extending the mobile tab features along with the sticky tabs, but we don’t have any ETA as of now.
Kind regards,
InfiWebs
Hello, would it be possible in mobile, when tab is changed to accordion, to have choice whether position of +/- icon is left or right and change its size? Another thing is, that accortidon opens only when you click on text and not + icon, which might be confusing. Thanx david
Hi,
The +/- icons are set to be on the right side as the tabs can have the individual icons as well. I see it will be a nice feature to have an option to swipe the positions of icons. I have added this to our roadmap and will surely take a look.
To open the accordion on + icon click, you can do it with a small CSS. We will consider adding an option in the next update for sure
If you have any more suggestions, please feel free to drop us a message, and we will do the needful.
Kind regards,
InfiWebs
great if you add that css….:) thx
Hi,
Yes, we have added this to our development version and it will be shipped with the next update.
Kind regards,
InfiWebs
hello, what about the css to open accordion on mobile when clicking on + icon? Can you post it here, I could add it via snippet. Thx David
Hi,
I have replied to your new comment. If you have any questions, please feel free to contact us.
Kind regards,
Nitin
Hi there,
I like your plugin and thinking to buy it. However, I just have one concern and question and it is regarding the tabs behavior on mobile devices.
So lets say I have 5 tabs and lots of contents in each one of them (). If I’m on tab1 and want to hit another tab, I need to scroll down in order to get to another tab/content, which is not convenient. Furthermore, lets say I’m a user and I’m not aware of all the tabs, because I’m on tab1 that has lots of content, so again, I need to scroll down to see if there are other tabs. If tab1 that I’m currently on has lots of content, I might skip the rest and not get to other tabs to see what is available.
What I want to say and ask is: can I set (for mobile devices) that all tabs are visible in order, one below another and when you choose another tab, the content just show below the tabs, not below that specific tab? That way, all tabs are visible and user is aware what is there.
Does this plugin have that option or if not, could you provide me with a code after I buy the plugin so I can use it that way?
Thank you in advance.
Best, Brando
Hi there,
We have options to hide all tabs on mobile and desktop on the initial page load, so if you set that option, all the tabs will be hidden by default and the content will only be displayed when you click the tab.
If there are many tabs and you set the mobile tabs to accordion and hide all tabs initially, the user can easily see that there are other tabs as well so when they open one tab, they can scroll to the next one.
Another option available is that you can inherit the desktop tabs styling on mobile and set the tabs navigation to be converted into a slider when the tabs navigation does not fit in a row.
I hope this helps. In case you have any other questions of need any help, please feel free to submit a support ticket and we will be more than happy to assist.
Kind regards,
InfiWebs
Are the tabs lazy loaded aka don’t load content until clicked on? if not that would be a feature to add to where people with a lot if information per page, could make their pages load much faster by being able to lazy load the content of the tabs until it’s clicked on.
You could write the code like a page link for each tab as a subpage. Like yoursite.com/ name of page/custom tab name, what the webmaster wants tab to show. With the option to hide it or show it to search engines. This way search engines can link directly to tab information if the webmaster so chooses to have it that way.
How to make the page load superfast: what loads with page is the information of what’s in the tabs listed. Like a tab directory. So it only has text. Then have all the images inside the tabs to load only when clicked on. This way the page itself is only load mostly text or all text only which would make it load super fast. While everything else waits to be clicked on before it loads.
I could create pages with lots of information feature, and the visitor only clicks on what they want to read. And the main page loads super fast, and so do the tabs if I don’t put too many images in each tab.
But if you have it already set up like this, then I certainly will buy. My site uses a lot of images. This feature would probably cut my load time in half. And reduce bandwidth by 30 – 50% Because the whole page is not loading, just the tabs the visitor clicks on.
Hi there,
Thanks a lot for the detailed information about the feature request and glad to know you’re interested in our plugin.
Do you have any examples to see so we can take inspiration from it and build a better feature in our plugin? You can message us from our Codecanyon profile page.
I’ve forwarded this to our developers already and will surely do the needful in the coming updates. If you have more suggestions, please do share them with us and we will do the needful.
Kind regards,
Nitin
Well. I’m not a coder, and I know of no examples. it’s that once i understand how something works, i can think of ways to make it work better. My idea is like a page in a page. But the page inside does not load until the tab is clicked on to load it.
And the page within the page would also have it’s own link that would be a branch off of the main link of the page that it’s inside of.
With this you can also add how the page loads aka animation. or if it’s just images, samething.
A idea for another plugin is lazy loading rows in Wpbakery.page builder. First row loads while the rows beneath it don’t until scrolled to. Kinda like a infinite scroll works except this lazy load each section of the page, not just images.
Hi,
Thanks for the detailed information. I guess I got what you suggested and already created an item in our roadmap for this feature
If you have any more ideas or suggestions for improvements, please do share them with us and we will do the needful.
Kind regards,
InfiWebs
Do u have option to autoplay tabs ?
Yes, you can set the tabs to auto-switch and can also control the duration for auto-switch tabs. Here’s the demo page – https://www.infiwebs.com/elegant-tabs-vc/auto-switch-tabs-with-interval/
If you have any questions, please feel free to create a support ticket and we will be more than happy to assist.
Kind regards,
InfiWebs
Nice work, how to import sample data demo ?
Thank you
Can you please create a support ticket and provide us the url of the demo page you want to content of so we can provide the same?
Hi, is it possible to update the url every time i change tab? For example if I am an on www.example.com#tab-1 and then click on Tab 2, the url changes to www.example.com#tab-2 without reloading the page.
I have a form in one tab and when that form is submitted it refreshes on the same url, but if the tab is not specified in the url it reloads in Tab 1 every time.
This is the case of previous tested tab plugins, was hopeing purchase of this might fix this. Will it?
Hi there,
This isn’t a built-in feature, but it is completely possible with our custom event trigger. Elegant Tabs trigger a custom event on each tab switch and with a small custom JS code, changing the browser url without even refreshing the page or jumping to the top
Once you get the tabs set up, please create a support ticket and I’ll share the custom code for you to get it working. Just so you can confirm, here’s a small screencast of how it will work after the custom code implementation – https://share.infiwebs.net/7Kum7X4Y
Kind regards,
InfiWebs
Hi, does your plugin allows to display text + image in a tab?
I couldn’t find it in the screenshots / demo…
Thanks for your feedback
Cheers
Hi,
Thanks for your interest and pointing out the missing demo page. The plugin allows you to set the image icons with the tab title and also only image icons as well. Here’s the demo page of the image icons with title – https://www.infiwebs.com/elegant-tabs-vc/bar-style-custom-image-icons/
I hope this helps. If you have any questions, please feel free to contact us.
Kind regards,
InfiWebs
Hi, Is this plugin able to put the revolution slider into the tab itself? coz as i know some of the tab will have conflict. thanks
Hi there,
I just tried using the Slider Revolution inside the tab and found it works fine. See screenshot here – https://share.infiwebs.net/P8ue08d4
If you have any questions, please feel free to create a support ticket and we will be more than happy to assist you.
Kind regards,
InfiWebs
I bought the plugin now, but, dont works me right. When i try to save changes in a tab, the button “save changes” doesn´t nothig! please help (wordpress 5.4.1 and Visual composer 6.1)
Hi,
Can you please create a support ticket so we can better assist you?
Kind regards,
InfiWebs
can we add horizontal tab in a vertial tab ?
Hi,
The tabs can’t be added inside another tab content area.
Regards, InfiWebs
would be awesome if you supported woo-commerce dashboard tabs
Thanks for your suggestion. We will surely check into this. I would say this is something for our WooCommerce add-on
is there a way to render the tabs before you open them?
i have made several tabs with a map inside but when i change tab, the map moves just a few pixels before its render in its final position, affecting the result to the effect. Theres any CSS to fix this?
http://temporal.talhouk.cl/taa-2020TAA2020
Hi,
The tab content is rendered before it’s open, but since it is hidden, when switching the tabs, the browser window gets resized and the resize event is triggered so the if there’s any content in the tab that needs to trigger when the tabs are switched. Same thing happens with your maps, when the tabs are switched, the js that sets the map is triggered and then the width/height of the map is set accordingly, which results to the effect. However, the effect only applies to the first time you switch the tab.
I hope this will help. If you have any questions, please feel free to create a support ticket.
Kind regards,
InfiWebs
Thank you for the response.
I understand what you are saying, but thats means theres no solution? i’m also in contact with the map developer. do you think i can solve this situation in the maps?
maybe make the transition faster?
Hi,
I’m not sure how the maps are rendered, but it seems that there’s some js even being fired when they are rendered or re-rendered if browser resize is happened. To help with the map js, we do fire the following custom js event on the document when the tab is switched and the tab id is passed to it. You can use the event to check if the map in the tab content is rendered and if it is not, render it, else, prevent the re-render so the effect won’t happen.
Event – elegantTabSwitched
I hope this will help. If you need further assistance, can you please create a support ticket so we can track the conversation easily and share some additional info when required?
Kind regards,
InfiWebs
