jordin0317 Posted March 24, 2021 Share Posted March 24, 2021 (edited) Site URL: https://www.drstephaniemoody.com/health-wellness Hi, I I'm struggling to find out how to create a set of visible sub-category buttons within a summary block page, and I found the exact example --> https://www.drstephaniemoody.com/health-wellness This website is also created by using Squarespace, and I'm curious how they added the category buttons that filters out the blocks. I have tried this by adding a text-section like this, linking each text-button : But the problem here is that when I click one of the linked buttons, the page refreshes.. Should I have to add a customized CSS to create this using Isotope? At first this seemed like a pretty easy problem to solve, but surprisingly I couldn't find a single solution to this til now.. Please Help! Thank you so much in advance. I'm hearing a lot about the Universal Filter, but I can't afford the price, would be appreciated if you could refrain from suggesting the item! Thanks. Edited March 24, 2021 by jordin0317 ChristinaSimon and EarvinChong 2 Link to comment
tuanphan Posted March 28, 2021 Share Posted March 28, 2021 (edited) Hi. They used Square Studio Tab Plugin. (There is a lot of complaints about Square Studio Support) Try Accordion Tabs Plugin by sqspthemes or Tabs by Will Myers ($10) Edited March 28, 2021 by tuanphan EarvinChong and ChristinaSimon 2 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ChristinaSimon Posted January 12 Share Posted January 12 Dear @tuanphan, can you please also explain how the filter was designed on this site: https://www.cecelinatornberg.co.uk/work Is this based on a blog, a portfolio or just a collection of normal sites? I like that the whole page does not refresh while filtering and I love the simplicity of the font without any tabs. Thanks in advance! Link to comment
YenY Posted January 19 Share Posted January 19 I would love to know how the filter works on this website too https://www.cecelinatornberg.co.uk/work. I have been struggling on finding a way to make it work the whole evening. Link to comment
paul2009 Posted January 19 Share Posted January 19 @ChristinaSimon @YenY If you're a JavaScript developer you can use the Isotope library. If you're not a developer, @michaeleparkour has built the Universal Filter plugin, available from Squarewebsites. Did this help? Please give feedback by clicking an icon below ⬇️ ChristinaSimon 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
ChristinaSimon Posted January 24 Share Posted January 24 On 1/19/2023 at 4:41 PM, paul2009 said: @ChristinaSimon @YenY If you're a JavaScript developer you can use the Isotope library. If you're not a developer, @michaeleparkour has built the Universal Filter plugin, available from Squarewebsites. Did this help? Please give feedback by clicking an icon below ⬇️ Thanks, @paul2009! I‘ll look into the plugin 👍🏻 paul2009 1 Link to comment
melaniejaane Posted September 6 Share Posted September 6 (edited) On 1/20/2023 at 4:41 AM, paul2009 said: Did this help? Please give feedback by clicking an icon below ⬇️ Hey @paul2009 is there a universal class to target the filtered items in an isotope grid? Like they add the class '.is-checked' for the filter buttons, but can't figure out how to relate this to the actual grid items. Using the Isotope for a portfolio grid and trying to smooth the transitions between .grid-items but not sure what the other state would be. If it helps https://greyhound-gar-9aft.squarespace.com/my-work Password: Square Thanks so much! 🙂 Edited September 6 by melaniejaane Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment