Discover the best nested websites created by professional designers. Get inspired and start planning your perfect nested web design today!

ART ARCHIVE SOLUTION FOR PROFESSIONALS

We built a complete, clean and minimal art archive based on Webflow cms. What you see is "dummy content" but fully working and all connected. It includes a dashboard, inventory cards for each artwork, full catalog as an overview, work groups for further distinction, clients and sales management, and several other lists to manage and trace the life of an artwork (in commission, in exhibition, whatever you wish).
The power of Webflow made this possible – it’s only a prototype, but PM me if you are interested to get a professional art archive and inventory solution for your gallery or to manage your art as an artist or collector. Since Webflow give a professional framework, you are free to use it once you have it – no monthly subscription but a clean tool to manage your art. Could be interesting for smaller galleries and art collectors that do not want to spend 100 Dollars per month.

(desktop view only for the moment)

Art archive

Clone: Art archive

Breaking Webflow's limitations! An easy and lightweight way to nest multiple collections with unlimited items on any single page with jQuery .load() which pulls the multi-reference info from any individual page into an HTML embed, that works like a nested collection. 

This solution is based on the jQuery .load() function - a simple way to fetch data from a server and place the returned HTML into a matching element. 

For more details have a look at the sample blog pages in this project, read the short documentation (How to?) you'll find in this project and feel free to clone the whole project.

Add on: With the internal functions of Webflow it is not possible to sort native nested collection items. The order is determined exclusively by the order of the tags in the CMS field. This project includes a script that allows you to alphabetically sort both Webflow's native and limited nested collection lists as well as the unlimited nested collection lists generated by jQuery.

Multiple nested Collections and unlimited nested Items on single pages in Webflow

Multiple nested Collections with unlimited Items on single pages in Webflow

This project is a special use case of my general "Multiple Nested Collections " project if you want to display more than 5 images from a multi-image field that is part of a collection.

The project contains two templates pages:
(a) Basic Gallery 
(b) Gallery with a custom Lightbox Component that works with the multiple nested collections script.

Multi-image Gallery (with unlimited nested collections)

Nested Collections Multi Image Gallery

Finsweet

Create CMS Nest functionality without any limitations on nested collections. Add multiple nested lists on a single page and more than 5 CMS items per collection list. 

Find more solutions at No-Code Attributes directory for Webflow: https://www.finsweet.com/attributes/directory

Made with 💪 by Finsweet

CMS Nest Example by Attributes

Webflow CMS Nest Collections

Watch tutorial at https://www.youtube.com/watch?v=xZVDzO6ZLxc

Split CMS Items

This is on the wishlist:
https://wishlist.webflow.com/ideas/WEBFLOW-I-309

I have some css and script in the head/footer of the page which creates this, all you got to do is make sure you bold the items you want nested.

bullets

bullets-aeb994

Hi! 

I created a project for The Webflow Party hosted by Melissa Mendez founder of The Webflow Party. During the Live-Build we covered design tools, resources, design systems and style systems. This project was created with Finsweets Client-First Style Systems. CFSS organization helped developed a well balanced structure in Webflow.

Cheers,

Ivan - ijbdesign

Webflow Party Build

webflow-party-build

Hello there!
Welcome to Nested Tabs Using Jquery!

Craft intricate content organization within Webflow using jQuery to implement nested tabs, allowing for layered information presentation and seamless navigation, empowering users to explore and access diverse content categories with a dynamic and interactive user interface.

Whether you are a startup looking to establish your online presence or an established business seeking a fresh approach, we are here to assist you. Don't hesitate to get in touch. Let's collaborate and create something remarkable together.

Regards,
RSA CreativeStudio
hello@rsacreativestudio.com

Nested Tabs Using Jquery

This was challenging when some products have variants of length, width, color and price discount per quantity.

Many collections and conditions are used in this project. 

This project is tailored for a client that has a very elaborate product specification.Products are categorized by custom criterias, including: width, length, color, size and quantity. On top of that they use tier pricing, therefore I wrote for them a custom pricing logic.

The site enables for easy searching by any variant criteria. This simplifies the shopping process and assists with those sale numbers ;)

The homepage is completely controlled by the client. They uploaded images and panners to reflect their super-colorful vinyl business personality.

Extreme imprint

Client site - eCommerce

Here's how to get around Webflow's 5 item nested CMS limit using Finsweet  CMS Nest attributes solution. Video tutorial: https://youtu.be/CaGSUqWJgew

Finsweet CMS Nest Example

Circumvent current Webflow Nested Collections limitations using a custom light jQuery script to load multiple Collection content from the Collection Template Pages directly into respective Collection List items in a Collection List.

Full instructions https://slickmedia.io/blog/webflow-nested-collections-limitations-solved-with-jquery. You'll need to preview the live site to see it in action, as the Nested Collections are pulled from the Collection Template pages.

Discover nested websites built by the Webflow community

Discover nested websites built by the Webflow community