It’s finally here. This is a “soft launch”, please don’t bother asking about video’s and that stuff. I have more to do, this is a notice and anyone comfortable enough to dive in can do so. Otherwise, thanks for your patience.
Tab Anything Pro
It’s the answer to all your visibility control issues. Tab Anything is a very powerful feature-rich Tab UI with orientation, transition, autoplay, a responsive dropdown and much more. Well, let’s turn things up a notch.
PRO ONLY Features
Dynamically load blocs from any page on your site (Ajax).
Preload/cache images from those pages.
Using any link or button to control Tab Anything.
Using any link or button to control “Previous and Next” behavior.
Standard is super powerful, probably enough for many of you. Read carefully the features in the list above. If you do not need these capabilities or if you’re not sure about them, then maybe the best route is to upgrade later.
Upgrading to Pro
If you already own Tab Anything, you can upgrade and save some money. To upgrade, follow this link and purchase the special “upgrade product”.
IMPORTANT! This special product does NOT contain your file!!
Your qualifying product (standard version) has to first be verified. Then the products in your Gumroad library will be updated. Transactions should be quick, but please be a little patience, I live in CST timezone.
Hats off to @Whittfield!
I have been privileged to run Tab Anything Pro earlier and it blowed my mind! The Pro version literally Tabs Anything!! If you’re looking for unlimited possibilities: Get it!
Great version! Already purchased it. Now the possibilities are limitless. I made a dropdown menu interactive with different sections of the site. Must have bric
A site I uploaded recently was showcased with tab anything pro. http://irenebermejo.com
you will find a mega menu working directly with tab anything, and 4 sections with tab anything.
I know I have said it before but I LOVE the design you created.
I will have to sit down and spend some time playing around with tab anything, try and recreate that.
I recently purchased Tab Anything Pro and plan on using it in my next website build. Forgive me if this question is a bit basic but it is unclear to me how the “focus” of the tab is controlled. By that I mean, can (and if so how) do I control the placement of focus of the tab?
What I am hoping to do is display a product with multiple configurable options. I’d like the end user to be able select from multiple tabs and see results in the focus “window”. Basically like a filtering configurator. I’d like to be able to show various options (like select from different colors of the Product, but also select additional add-on options). I know I can deal with the different add-on options by creating additional instances of Tab Anything but it isn’t clear to me how to control where the “focus” appears. The documentation also states a limit of 25 tabs per instance of Tab Anything. Assuming that indeed is the case, I will need to figure out away of overcoming that limitation. For instance, our Product is available in more than 25 colors.
Any help or guidance in dealing with these issues would be greatly appreciated.
the “focus” tab you call it can any div you place on the stage and give it the proper ID. Each div gets assigned to a link/tab/button (whatever you want to call it).
With Tab Anything Pro, you can make any link in Blocs control a different “focus” elements as you say. just give the link the proper attribute using Blocs.
It’s all in the docs, exactly how to name the ID’s and what values to give the attributes.
I hope you don’t have many products because the way your are going about this is kinda painful to do in a static site at scale. A new image for every color and every attribute is going to get heavy and a pain to manage as you scale it (if that’s a goal).
I recommend thinking outside the box. I would make images that have all the colors lined up nicely where people can see the range of colors at once. Less to maintain and still a great user experience. I love static sites but you’ve got to plan properly.
Use the product switcher for things like alternate image angles etc. Put things like the alternate colors in a modal or carousel.
Here’s an example of Tab Anything used several different ways in an Online Shop demo. Note there’s one feature in this example that isn’t in any version of Tab Anything yet. (dropdown menu not just for mobile anymore.)
If you do decide to put an image up for each color, you can use links with pro, so you technically don’t have a limit to the number of Tabs you can have.