deaton72

If you need a second indent * space than tab key 🙂 

If you need a second indent * space than tab key 🙂 

If you need a second indent * space than tab key 🙂 

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

Site URL: https://corn-apricot-zn88.squarespace.com/bassettiportfolio
I have made my universal filter stick, but it shifts up slightly when you scroll down.  Thoughts? I used this code.
I had issues initially because the gallery wanted to scroll under the filter so you could see a sliver above it, so I played with the "top" position. Is there a way to make it not shift when it scrolls?  I tried removing padding on the summery block and filter container.
ALSO - I cannot seem to get rid of the small grey line above the text. I have all borders set to 0.
 
Code I used is: 
/*universal filter*/
/*position sticky*/
body .custom-filter-container, .custom-filter-parent-node {
        overflow: visible;
        position: absolute;
    }
    .customFiltersWrapper {
        position: sticky!important;
        top: 170px; margin-bottom: 0vh;
    }

#yui_3_17_2_1_1630531262614_676, #yui_3_17_2_1_1630530276084_720, #yui_3_17_2_1_1630531152613_1010 { margin-top: 0vh; padding: 0!important;}
#block-6708d6bafe3faea67f02, #block-yui_3_17_2_1_1590076520498_4551, #block-206175b0d9ba3902e4c7 {padding-top: 0!important;}
 
 
Thanks!

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

Site URL: https://corn-apricot-zn88.squarespace.com/
I am using an initState filter in a script to give a blog block an initial view - using the universal filter. Does anyone know if I can do this for the blog itself and not through the filter.... I don't know anything about initstate. BUT, when I have it enabled for the blog summary, then whenever you back page from a filtered item it shows the init view again. 
 
Hoping there's a workaround! 

Hi. found out you can add tags to the photo descriptions in a gallery and then the UF works, but it only does tags and I need 2 categories. I am still working on it. 
I am going to try a summary block and see if that works. I'll let you know 
 

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

Site URL: https://corn-apricot-zn88.squarespace.com/tid-workbook
We have a universal Filter that is not at the top of the page. I would love to make it so it sticks to the top - just beneath the secondary menu, when you scroll. 
No matter what I try I cannot get it to do that!
 
ALSO - how do I get rid of the secondary scroll bar that appeared? None of my other pages have it? 
 
Thanks!
 
 

Hi @tuanphan It doesn't work. If I remove the !important from the 
#block-206175b0d9ba3902e4c7 {.summary-item-list .summary-item:nth-child(n+28) {display: none!important;}}
then it shows all the items on the front page. If I keep the !important, then it only show up to 28 on the filtered page. 
 
There has to be a way to override it 🙂
 

Site URL: https://corn-apricot-zn88.squarespace.com/portfolio
This is from a FB page, but I still need help: I am not sure how to do what the respondent suggests - I have tried a ton of options to use the selector and override to show all the summaries under that filter. 
 
I have a tough one: Someone HERE helped me with a code to limit the number of posts showing in a blog summary: #block-206175b0d9ba3902e4c7 {.summary-item-list .summary-item:nth-child(n+28) {display: none!important;}} BUT, I am using the Universal Filter and now it limits the number with anything filtered. I have the filter set so you can only choose one item at a time, so I am hoping there is a way to tell it to increase the number of summaries visible (n+36) during the Pre-K-12 filter. I tried something like .project-types-pre-k-12 {.summary-item-list .summary-item:nth-child(n+30) {display: none!important;}} BUT no luck. HELP!!! Here is the page: https://corn-apricot-zn88.squarespace.com/portfolio   Jay Van Dyke This is most likely the selector [data-filter-selectors=".project-types-pre-k-12"] instead of writing as a class like you have. You also might have to write a rule to override and show the two that are being hidden by the other rule. It is a class but only on the individual items not the list as a while like you have this written. Have you written to Michael on slack? Maybe there's something in the code to achieve what you want without using CSS.           Jay Van Dyke I contacted him a couple months ago about limiting the posts for the splash page. His solution was to filter them out using an “init state” filter, but that ended up breaking something else (I don’t recall what). I was really hoping the block number would change with each filter, but that doesn’t happen. It is definitely the “data filter selectors.” I will see what I can do to override the N +28. Any thoughts if it is best to try it in CSS? Or to add a code block in the page?       Jay Van Dyke Dena M T Eaton-Colles css is probably best, does it work without the original code having an !important flag?           Jay Van Dyke It still works on all pages (splash and filtered)

@jpeter  Still no luck. It pulls click-thrus for all the posts, even the ones numbered 13. I can give you PW for the site to see what is happening. 
I removed the global code I had that turned off all clickthrus for that block as it didn't seem to make a difference. 
I don't know JS well, but it seems like it should just be pulling click-thrus for 0-12. 
site is: https://corn-apricot-zn88.squarespace.com/staff-blog-test  PW BA47
 
 
conversely....is there a way to target  just specific data start index numbers? 
 
 
 

@jpeter I am on 7.1 so my individual page doesn't have footer injection. If I add it to the global footer, will it only work for that one section or will it mess up my other blog summary block?  Thanks! 
PS. I am not used to 7.1 yet 🙂
 

@jpeter I haven't worked with JS much. I added it to the header injection, between <script>.
I added a bunch of images to the blog to test beyond the no. 12. I can reorder them once I figure this out so data-start-index 1-12 are the right people. I have tried two things:
 
1) turn pointer events to "auto" in my CSS uding block ID, and keep the JS as-is: result is that the summary items still all link out.
2) turn pointer events to "none" and keep JS as-is: result is that the summary items all link out - regardless of their data-start-index.  For instance data-start-index="13" is clicking through. 
Am I missing something I should have changed in the JS code? Perhaps something in here?
if(index) { index = Number(index) + 1; if(index > LIMIT) { event.preventDefault(); }  
Thank you so much for any help - I figured this was going to be a little tricky to do on Squarespace.  

These are the people that need click-thrus. 
There will be 70 more added later that do not need to link to their blog pages. 
I just tried the target order, but with the filter, the top 12 always link. So if I have more people (staff) and I filter them, then the top 12 will link. I am beginning to think there is not a way to do this. 

Site URL: http://www.corn-apricot-zn88.squarespace.com/staff-blog-test
Hi. I am using the Universal Filter plug in to filter a blog summary block (with categories and tags) as our team page.
We have 80 employees. 10 will need click-thrus to their blog page, the other 70 will not. We want them all in the same summary to show us as a team! 
Is there a way to stop the click-thrus on the image and title of 70 of them? For example, I tried to use the section ID for the title and the image to stop the click-thru or pointer, but it didn't work. I know it will be a lot of work to find all 70 IDs but I am willing to do it if there is a code to stop the click thru. 
I MAY be using the wrong code. I don't see much about disabling links other than the toggle that disables the WHOLE summary. I can see the a href in the inspect, but don't know if there is a way to disable it. 
On the page the one I have been trying is the first image (Ellie).
Thank you!
 
 
 
 
 
 
 

@luke.a.houghton
I think this is exactly what I need to do. If I use initstate, will the filter on the page still be able to filter/show items that may not have the initstate filter? 
Do you happen to have the whole code? My script writing is not great and I keep "breaking" the unifilter when I add things.
 
Thanks!
 

Site URL: https://corn-apricot-zn88.squarespace.com/personnal
I have a script on my site that allows HTML to be used in BLOG titles. 
The issue is that I am also using the Squarewebsites "Lazysummaries" to have more than 30 show. 
The AJAX works for the first 30, then it does not work. you can see at "Carrie" that her text is not split. (the 3-4 before her did not need a second line). I have tried various versions of adding .lazy-summary to the script  but nothing works and finding out what I need to do to get this working is beyond my skill set. 
This is the code: 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script>
$(function(){
  $(".summary-title").each(function(){
    $(this).html($(this).text());
  });
});
</script>
 
no PW on site right now. 
 

Site URL: https://corn-apricot-zn88.squarespace.com/
I am using an initState filter in a script to give a blog block an initial view - using the universal filter. Does anyone know if I can do this for the blog itself and not through the filter.... I don't know anything about initstate. BUT, when I have it enabled for the blog summary, then whenever you back page from a filtered item it shows the init view again. 
 
Hoping there's a workaround! 

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

@tuanphan @cpearedesign
This has been my big issue with a people page with only management having click-throughs. I tired portfolio page and gallery, but the overlay isn't what we want. This is how I solved the "turn off the clickthrough, but keep the hover effect." It also change she cursor only to a hand whe there is apointer-event.
after dozens of tries, all I did was target the summary-title-link and it worked like magic!
This works on the summary block, so maybe a few tweaks would make it work on other blocks.
.summary-title-link {cursor:pointer!important;}

.summary-title-link[href*="/url"] {pointer-events: none;}   //disables click-through  
To keep the click through, just type "all"

Hey all.  if you have a gallery block in 7.1, I have managed to make the caption overlay the image quite successfully, whilst having hover effects applied aswell.  The easiest way to do this is add HTML text to the caption itself.  This allows you to have much more control over the text and font without the need to apply 100 lines of CSS.  
Images attached are of my new website.  You can see the text overlay and on the second image, you can see the hover effect.  This was all done using simple CSS.  If you want text to appear and rise perhaps on hover, that once again is extremely simple by using simple CSS to place the text below the images & set opacity to 0.  Then on image hover, you set opacity to 100 & have a transition timer to ensure it looks seamless with the rise time.  
If you need CSS help, id be happy to send across.
 
Goodluck and hope this helps. 

Can you provide a link to your site?

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