Collections Tabs
Collections Tabs
Couldn't load pickup availability
The Collection Tabs is a code snippet that adds a tabbed collection section to your theme. Improve your website's UX and give comfort to your users while they browse multiple products with minimum effort.
No apps.
Compatible with all themes. (paid, free or custom made.)
Loads faster than any app.
→ Live Demo ←
What you'll get:
This code works out of the box with any theme.
At the customize page you'll be able to change options to your liking, such as:
- Background color
- Section's width (full width, automatic, custom)
- Section's top and bottom margin (individual values for desktop & mobile)
- Carousel or grid layout
- Products limit (show from 4 to 49 products per tab)
- Products per row (unique values for desktop/mobile)
- Gap between products (unique values for desktop/mobile)
- Loop carousel
- Free scroll - don't snap images when user is scrolling (unique values for desktop/mobile)
- Product title (edit the font weight, font size and color)
- Product price (edit the font weight, font size and color)
- Product "compare price" (edit the font weight, font size and color)
- Product "starting from": whenever a product has variant with multiple prices, you can add a "starting from" text. This text's size and text are customizable, as well as its visibility.
- Second image on hover: disable or show product's second or last image on hover.
- Border radius: add rounded border to the images.
- Lazyload: show images only when they're visible on screen. improves performance.
- Image size: choose whatever image size fits your images the best. Unique sizes for mobile/desktop.
- Title & subtitle font size (unique value for desktop/mobile)
- Title & subtitle alignment (left, center, right)
- Title & subtitle font weight
- Title & subtitle letter spacing
- Title & subtitle color
- Title & subtitle bottom and top margin
- Subtitle position (above or below the title)
- Tabs font size (unique value for desktop/mobile), letter spacing, color, hover color and active color are customizable.
- Space between tabs (unique values for desktop/mobile)
- Tabs font weight
- Arrows: show arrows on desktop and/or on mobile devices. Size, position and colors fully customizable.
- Progress bar: show a progress bar below the section.
- Sale badges: customize colors, text, border radius, position, text and size.
- Button: add a button below the section that leads to any link you wish. Fully customizable.
- Animations: choose between 5 animations or disable it.
- Use as many sections as you wish on the same page
- Fully compatible with Online Store 2.0
- Add to cart with dropdown picker (update image in real when variant has an associated image)
- Arrows for each individual product
Installation:
Installation takes 30 seconds. Please find detailed instructions clicking here.
Support:
We give 100% support to all of its users to ensure that what you're seeing on the demo page is exactly what you see on your website, same day responses are guaranteed.
If you have any questions just reach out to us at:
ezfycode@gmail.com
10/10!!! Customization and bug repairs that were impossible for a few previous devs of mine were an easy task for Diego! Honestly cannot recommend him enough.
If you like testing different tweaks on your site or have an annoying bug - he's the man. Also his response time is of the charts + same day delivery (Amazon of devs 😁)
Diego is great ! Very responsive and customizes everything to your wish. Very friendly and comprehensive, + the delivery is immediate. I enjoy a lot working with him ! Recommend 100% !
Diego is amazing at what he does. I've been using his web development services for over a year (I have 20+ projects completed with the EZFY team) and he is always super helpful.
His CRO tips are incredible and have definitely helped my conversion rates! Super fast turn around time and always willing to help with support after the project is done.
HIGHLY Recommend Diego and the EZFY team for all your Shopify web development needs!
Diego was so easy to work with, I literally had the code to fix the announcement banner on our shopify store in less than 15 minutes!
From the time I messaged him on FB to the time I had the code with instructions in my email I barely had time to get coffee!
Plus payment was affordable and easy! I wish I had the week back I tried to fix it myself. Will definitely message them FIRST in the future!
Diego was extremely accommodating and easy to work with. He has an extensive amount of knowledge and is willing to go above and beyond. I will certainly be using his services again in the future. Highly recommend!
Super happy with Diego’s work! He was quick to help out, easy to communicate with, and finished the work I needed at a very high standard!
Thank you Diego!
Incredible work - I got them to help fix some things on my Shopify store and for such a great price! They were extremely fast and went above and beyond in filling my request. On top of that they made even more great suggestions on fixes I can do for the site. Thanks! Will definitely work with you again.
Diego is a great resource. He's prompt and highly accommodating, which all leads to a great end result. Highly recommended!
This team went FAR beyond my expectations! It felt as if i had another employee, instead of a service.
Their recommendations and exceptional work made my project come out perfectly. Their ability to show me examples, modify at no cost and finish everything extremely fast was amazing. will work with these guys for now on.
Hands down the best agency I have ever worked with. Always happy with the awesome results :)
VERY VERY IMPRESSED! - understood exactly what i was trying to get across and produced something even better then i could of imagined in a shorter time frame then expected and in a very professional manner.
Even though its the festive season, and i needed the coding done urgently, you were quick to respond and get in and get the job done, sacrificing your own holiday time, you absolutely went above and beyond all expectations.
I cant recommend you enough!!! 🔥🔥🔥
Top Bloke!
Working with Diego was one of the best experiences I have ever had he is a professional and knows his stuff, anything you ask he will get it done he will also go out of his way and help you out if your knowledge is limited in some areas.
One of the best hires I have come across and will hire in a heartbeat. Keep up the good work Diego!