Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'filter'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers šŸ‡«šŸ‡·'s Topics
  • France Designers šŸ‡«šŸ‡·'s Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.davebella.com.au/shopall Hi people, Site URL: https://www.davebella.com.au/shopall I recently purchased Universal Filter from SQUAREWEBSITES and injected the code on my site but it doesn't seem to be working or appearing at all. I want the sort by and filtering function on the shop page to work but i'm struggling to see what the problem is. it could be the container targeting that was inaccurate but please, if anyone could help me inject this on to my site, that would be of great help. Thanks <script> window.customFilterSettings = { 'targets': [{ container: 'content', //css selector to target container where you want to place filter items: 'list-grid', //css selector for items you want to filter settings: { position: 'top',//set the position for filter to appear. May be: top, left, right align: 'center',// align filter options, may be: left, center, right, space-between showItemsCount: false, // show (true) or hide (false) Items count itemsCount: { enabled: false, // same as showItemsCount text: '', // set the items text before counter, it is Items: by default and you may set your own text positionOrder: 1 // items counter position, higher means last }, keepDropdownsOpen: true, customClasses: 'lite-dropdowns cf-sort-right', /* Add any custom classes to filter container if you want to have your own to use in CSS styling, available: cf-sort-right (move sorting element right), cf-sort-left (move sort left), lite-dropdowns(gives lighter dropdowns stylings)*/ view: 'dropdowns', // available: dropdowns, breadcrumbs, modern, buttons, buttons-round, buttons-pill, buttons-inline /*----Mobile Panel Section----*/ mobilePanel: {// control if you want to have separate offscreen panel with filters on small screens enabled: true,// if set to false, no filter buttons on mobiles will be showed triggerButtonName: 'Filter & Sort', // trigger button text keepDropdownsOpen: null, // if false it overrides desktop settings, if true - dropdowns opened closeOnSelect: false, // mobile panel closed just after user selected something closeOnSearch: true, // mobile panel closed if user searched something in search field closeOnOutsideClick: true // if true, mobile panel will be closed if user clicks outside it }, /*----Filters Section----*/ filter: {// here you define all filters you need and name them category: true,// disabling default Category dropdown tag: true,// disabling default Tag dropdown items: [{ name: 'Brand',// give the dropdown (fiter entity) name you want multiple: true,// if true, allow to select multiple options // multipleLogic: 'or',// combine each selected category with OR or AND logic getAttr: 'categories'// here you say Filter to look for options in items categories }, { name: 'Features',// give the dropdown (fiter entity) name you want multiple: true,//if true, allow to select multiple options // multipleLogic: 'or',// combine each selected category with OR or AND logic getAttr: 'tags'// here you say Filter to look for options in items tags }] }, sort: {// define the sorters enabled: true,// if false - no sorters visible/working items: [{ name: 'Price',// name your sorter order: 'asc|desc',// define orders hideName: false,// hide the Price name orderTexts: 'ā‚¬ - ā‚¬ā‚¬ā‚¬|ā‚¬ā‚¬ā‚¬ - ā‚¬'// define orders naming /* If sorter named as Price, you do not need define sort selectors or function: it will work the same like you defined: sort: '[data-price] parseInt' */ }] }, search: { enabled: true,// if false, no Search input will be showed text: '', //set the placeholder to your search field, otherwise Search will be used } } }] }; </script> <script src="//assets.squarewebsites.org/custom-filter/custom-filter.min.js"></script>
  2. Site URL: https://daffodil-clementine-36hx.squarespace.com/config/pages I am building a site for a boat brokerage. Needless to say they have many products (listings) with multiple category options. I am wanting a simple way to navigate the within the product gallery. I have hunted high and low to find a way to filter/sort these listings in a way that is generic across the site in the sense that the same categories can be applied no matter what product. I have 5 product galleries. 1.Yacht 2.Power 3.Multihull 4.Trailer Boats - within each product type i'd like to display the sort options as a dropdown where the user then selects how they would like to view the products within the gallery. I was reading a thread earlier which suggested using an Archive block as a way to display a "shop sort". I had a play around with this and i think this is actually a viable option. The question is this.... How do I get the categories to action as per my category titles suggest they will. - sort by lowest price - sort by highest price - sort by type Here is an example of a dropdown shop sort on a similar type of site to the one I am currently building https://www.busfieldmarine.co.nz/shop/New+Boats.html Can anyone shed any light on this please? I am also open to other suggestions - I have looked into a universal filter and a mega menu - i not written these off instead i am still exploring options - the archive block made a lot of sense and relatively simple if I can get it to function accordingly. Help would be very much appreciated please!
  3. Site URL: https://corn-apricot-zn88.squarespace.com/portfolio-test I have posted on the Uni filter slack site a few times, but no response. I have it set on a portfolio page where I can pull tags from the SEO. I labeled the tags in the SEO description as Tags: high school, middle school, but all that shows is the word All in the dropdown. The developer said it works, but I must be typing something incorrectly! no password on site
  4. I have managed to create a responsive filter for the images in my gallery. On filtering the images and then opening them in lightbox, the full array of images are displayed when cycling through. Is it possible once the filter is applied and then lightbox opened to display only the filtered images as it defeats the purpose of the filter in the first place if all the images are displayed and not just the filtered ones
  5. Site URL: https://www.kabana925.com Hi, I'm wondering how I reduce the padding above the sort/filter on the mobile view. Attached are some screenshots displaying the issue. Thanks! -Toviah Password: silveristhenewgold21
  6. Site URL: https://mandolin-green-86sj.squarespace.com/config/pages Hi, Can someone help me adjust the mobile padding-- there's a massive gap between the top of the screen and the first product. Thanks!
  7. Site URL: https://www.collective131.com/paintings Hi! Is there code to separate categories and headings in the list on shop pages? Like by Size, Maker, Object, etc.? I want it to look something like this (pic attached) Thank you!!
  8. Site URL: https://momentfactory.com/work/destinations/cultural-educational Hi Guys, is it possible to create a similar page behaviour? Where you click on the filter ex. cultural education in order to see only that kind of project? https://momentfactory.com/work/destinations/cultural-educational Another Example is this: https://www.callbruno.com/en/projects Thank you all, Dario
  9. name: "Design", allowedOptions: "Slender, Weighty, Classic, Premium", hideValueLabel: true, capitalcase: true, multiple: true, sort: 'asAllowed', getAttr: 'tags' Hello everyone, I am using the awesome Universal Filter provided by Squarewebsites and it works fantastically. However, I just need to make a slight tweak. Is there a way to have one of the options already active on a page load? Just as an example, is it possible to have the 'Slender tag' already selected with the summary block already displaying the results.
  10. Hi there, This may be a really stupid question, but I have a site on the indigo template and want on the products page to have a "Sort by price" filter on the page - is this possible? I can't work out where to have this I've just checked in with the support team and there isn't an option for this - has anyone used custom code to do this? Many thanks
  11. Site URL: https://xn--ernringsrdgiver-plbk.no/oppskrifter/category/middag Hi, I've creating a blog category filter, but when using the filter a white/empty field shows up above the footer. I suppose this issue might be solved when more blog posts are added, but a fix for now would be great. Any help is highly appreciated! Password is baretesterlitt
  12. Site URL: https://www.rando.report/all-the-stuff Hello, I'm using Universal Filter Plugin to create filters for the various blog subjects. It's working well. It's set to multiples, so you can click more than one. The ones selected are in a different color. Click again, they go back to the regular color. On mobile, they show up as a menu overlay that slides out from the left. But I'm having two issues. 1) for some reason, the last button always ends up slightly out of alignment on the pop out mobile menu. Attaching screenshot. 2) The multiple selection seems kind of wonky on mobile. It actually works right when I'm in the squarespace editor in mobile view. But when I use it on my phone, the buttons don't seem to work quite right when more than one is selected. Sometimes it works. Sometimes I click an additional filter button and it doesn't activate the button. Then I click another and the previous one activates. It's kind of just always a little off and wonky, but not in a really consistent way. And it's weird that it works in the squarespace editor on the mobile view, but not on my actual phone. If anyone might be able to help with these two things I'd be really grateful. The misalignment in the attached screenshot it just making me crazy for some reason. Thanks to anyone that might be able to help. @tuanphan -daria
  13. Site URL: https://www.phlaff.org/festival/2021/film-guide Hi everyone, Is there a way to give users the option of 'resetting' the 'filter' when searching blog posts through tags in an archive block drop down? Right now, the page reloads with the selected posts with the following language: "Posts tagged xyz" Is there a way to 1) change this text, 2) add a 'reset' link so viewers can get back to unfiltered blog posts without using browser navigation, and 3) reduce the amount of space between the archive block and the "Posts tagged" line and the blog posts themselves? See screenshot for example. Thank you for your expertise!
  14. Hello I am working on a project page for a design firm in 7.1 The PLAN was to make a project gallery and then use the Universal Filter (https://www.squarewebsites.org/products/universal-filter) to filter projects by type/service/etc... and do so via TAGS and CATEGORIES The user would filter, then clock on the image and then it would link to a project page. An example is here (https://corn-apricot-zn88.squarespace.com/gallery). If you click on the first image (fire station) you see what we want visually. But we NEED them to filter! Now I see that the only place to add tags is in BLOG posts, not in portfolio/gallery pages or gallery block (I have re-added the gallery block to our 7.1) We do not want all the info with the blogs showing in either the summary or project page, we just want photos with a rollover. The Filters says "Universal Filter plugin works with any Squarespace List Collections: Blog, Products, Gallery, Events, Album or Custom Post Types. Also, it works with Blocks which capable to show List Collections: Summary Block, Gallery Block. Some templates has Index of Galleries structure - this also may be used with Filter." But I cannot see where to add categories/tags in anything except blog posts to make this work. Is there a way to add TAGS to the portfolio or gallery blocks? Or is there a workaround with make the summary blog block work without all the text? Thanks
  15. Is it possible to create a checklist search filter on squarespace like the one they use?
  16. Site URL: https://justgoodjuju.com/bracelets On the page (https://justgoodjuju.com/bracelets) we have a filter list (using Categories) that is presented on the Left Hand side. When there are a lot of products (select All) and you scroll down, the filter list does stick but it does not stick at the top (i.e. the topmost category showing is Accent - Gold when I would like it to be the All). I just can't seem to latch onto what I need in order to make it stick 'higher' in the list. I had thought that by altering 'top' I could achieve it (as I assumed top indicates the point at which the container reaches when it sticks) but when I make 'top' any value other than 0, the list is no longer sticky! The CSS achieving the stickiness is: /* FILTER ON PRODUCT PAGES */ .ProductList-filter { position: -webkit-sticky; position: sticky; top: 0; } Any help would be very much appreciated.
  17. Site URL: http://www.benpeers.com/creative Hello, I have an index page which displays projects, some of which fall into different/the same categories. It would be really helpful to me to be able to allow the user to apply some kind of filter, whether that is through a dropdown menu or otherwise, which would only show projects in the chosen category. I would like the main page to still show all work. Any bright ideas on how to do this would be much appreciated! Thank you in advance
  18. Site URL: https://guysanddolls.squarespace.com/ I would like to force a dropdown menu for the filter categories like the mobile design shows. When applying the CSS it appears correct in the Custom CSS area but once saved and viewed live it doesn't apply. Below is the code which I applied and I cannot seem to figure out the issue: @media only screen and (min-width: 90px) { .ProductList-filter-list { display: none!important; } .ProductList-grid { margin: 0 -15px -15px 0; width: calc(100% + 15px); } .ProductList-filter-dropdownToggle-label { display: block!important; } } Password is guysanddolls
  19. Site URL: https://horse-tuatara-2d5e.squarespace.com/ Hi there, I'm hoping to be able to customise the filtered category page on my blog. I've migrated my Wordpress blog to Squarespace pretty seamlessly so far, but come against this hurdle. Within my 'Travel' blog, I've used categories to filter this into UK travel, 48 hours guides etc, and linked the various categories from the homepage. When you're taken to the filtered results, the header is the same as the unfiltered results, which is a bit confusing for the reader as to whether the results have been filtered. Is it possible to create custom headers (ideally with intros) for each category link? Links below: All travel posts: https://horse-tuatara-2d5e.squarespace.com/travel Filtered to 'hotels': https://horse-tuatara-2d5e.squarespace.com/config/?frameUrl=%2Ftravel%3Fcategory%3DSleep%20Here Thank you!
  20. Site URL: https://www.wanderlustnursery.com/shop/products Hey folks! I'm hoping this is an easy one for the hive mind here. I'd like to include a link on my main product page to a filtered list that only shows products that are not sold out. I'm not trying to hide the label, but actually filter the product blocks entirely. I can't seem to find a way to do this out of the box... Here's the site: https://www.wanderlustnursery.com/shop/products
  21. Site URL: https://www.desexquis.me/ I need assistance on how to add the universal filter on my website. I recently purchased it, but Iā€™m having a hard time adding it
  22. I recently purchased the universal filter plugin and was wondering if it is possible to change the layout at all? I was hoping to have the Search box and the filter Results count (which I have renamed "Matches" positioned above the product summary grid (see pic), whilst keeping the filter dropdowns on the left. Any help greatly appreciated. Thanks.
  23. Site URL: http://www.blza.pt Hi, so, I'm totally new at this. I'm loving squarespace but now that I have it all almost finished, I want to add more products to my commerce page, and I would like to have the option to filter by price range, brand, etc. I don't know nothing about code and I found this website " https://fertha-s.squarespace.com/ ". That page have the filter opinions that I can't find anywhere. Can somebody help me please?
  24. Site URL: https://muffinarmstrong.com.au/ Hello, Is there a way to add a pop up filter menu that allows our customers to filter by colour, materials, etc? See attached example. Regards, Adrian
  25. Site URL: https://kaigohr.com/ Hi, everyone I want to put a button to a specific page on the category filtered page. Does anyone know how to do that? Here is the filtered page by the "SNS" category. https://kaigohr.com/seminar-post/category/SNS I want to place a button to return to the top of the blog here. Blog top is this page: https://kaigohr.com/seminar
  • Create New...