artyp Posted October 9 Posted October 9 Site URL: https://guava-cello-rs42.squarespace.com Hi! a customer with a huge team want to add his team to his website. On the home he want to appear the team in random way. And he want to give a bio and link to socials for every team member. Prefered, he only need to update the team on one page to keep them updated everywhere. I was looking at a simple list. But a list doesn’t work with a summary. I could build it with a blog, summary, code to prevent clicking trough to the blog, … A lot of code and maybe there is a lot easier solution. anyone a direction or solution? thanks
paul2009 Posted October 9 Posted October 9 23 minutes ago, artyp said: a customer with a huge team want to add his team to his website. On the home he want to appear the team in random way. If it helps, the Lazy Summaries plugin (affiliate link) by Squarewebsites can randomise the sorting of blog posts in a Summary Block. It raises the limit on summary blocks to 250 items. Did this help? Please give feedback by clicking an icon below ⬇️ Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
artyp Posted October 9 Author Posted October 9 13 minutes ago, paul2009 said: If it helps, the Lazy Summaries plugin (affiliate link) by Squarewebsites can randomise the sorting of blog posts in a Summary Block. It raises the limit on summary blocks to 250 items. Did this help? Please give feedback by clicking an icon below ⬇️ Thx Paul! I know. Love that plugin! 😊
DesignerLeo Posted October 9 Posted October 9 I think the first step is to have the stuff you want randomized (the people cards) added to a container. Upon which you can randomize the children of that container. Both can be done with javascript very easily. Currently when I inspect the team page, I notice that the title and the cards are all directly added to a section, which means the title will be randomized too unless you omit it. You could put all the people cards into their own private section and randomize its content. However, the way I would do it is create a script which looks at that section and then re-organizes the content into a neat html structure such as a grid within a div and then append that Div back to the section. This way you wont have to supply content outside of the squarespace editor and will have more control over the internal structure through javascript.
artyp Posted October 10 Author Posted October 10 10 hours ago, DesignerLeo said: I think the first step is to have the stuff you want randomized (the people cards) added to a container. Upon which you can randomize the children of that container. Both can be done with javascript very easily. Currently when I inspect the team page, I notice that the title and the cards are all directly added to a section, which means the title will be randomized too unless you omit it. You could put all the people cards into their own private section and randomize its content. However, the way I would do it is create a script which looks at that section and then re-organizes the content into a neat html structure such as a grid within a div and then append that Div back to the section. This way you wont have to supply content outside of the squarespace editor and will have more control over the internal structure through javascript. Indeed, the entyre team is now build on a section with elements. That was his first attempt. But after a half day of work (because on mobile it's quite a job 😅) he changed his mind. So now I'm first looking for the best way to do this. What you mension is what I'm looking for. Any idea where I can find the code to get this working? Thanks for the reply Leo!
Solution artyp Posted October 10 Author Solution Posted October 10 Solved with this code from tuanphan:
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment