Streaming live at 10am (PST)

Custom Collection List Links for two collection items only?


#1

Hello Webflow community! Is there some way to have two of the links from a collection list be able to link to certain pages on the site while all the others link directly to their linked cms pages?

I have a design I need to be different for the two main dentists and then all the other staff members fall under the standard collection design.

It seems like this should be easy for me to figure out… but I haven’t found any solutions yet. Anyone have any thoughts?

The page is under the “Our team > Meet our staff” page.


Here is my public share link: https://preview.webflow.com/preview/apple-tree-dental?preview=a0eb7d20ce58d6f3b87ba189e4411a30


#2

No (This is not so useful or make-sense).

Only for this specific case add the 1 and 2 manually (Static use the same styles) - Than add the collection-list for 34567 (Remove 1 and 2 from the collection -or- filter those items).

The easiest way is "1 and 2 in row1one"
the rest in row2 above… (Not like your screenshot)

Like your screenshot - you should know better CSS and so on (Copy styles for the all tree of this list).


#3

-OR- By JS custom code (Put this “JS” before body per page + will work only under publish/live url + Remember to not change your CSS class names for this list).

1

/* select child one and two */
child_one = $( ".dynamicflexchild:nth-child(1) a.w-inline-block");
child_two = $( ".dynamicflexchild:nth-child(2) a.w-inline-block");

2

/*change url of child one and two */
child_one.attr("href","/new-url1");
child_two.attr("href","/new-url2");

Example (Some days from now I delete this codepen so copy this):


#4

Thanks so Much @Siton_Systems. I really appreciate you looking into this for me! this helps me a lot!

Thanks!

-Bodie