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


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hi @tuanphan, Its injected into the site header but I can remove so you can have a proper look! thank you!
  2. <script> // Changes the format of date on summary items var myObj = document.getElementsByClassName('summary-metadata-item--date'); var options = { year: 'numeric', month: 'long', day: 'numeric'}; for (var i = 0; i < myObj.length; ++i) { var item = myObj[i]; var date = new Date(item.innerHTML); item.innerHTML = date.toLocaleDateString('en-GB', options); } </script> Hi Folks, Wondering if anyone can help, I've used the above code to get UK format dates on my summary blocks for events, but this doesn't work with events that have a date range rather than a single date. Wondering if anyone can help me get it working as its beyond my JS skills! It just shows "invalid date" for thumbnails that have an event spanning more than one date https://ellipse-krill-97td.squarespace.com/ pw: CG Any advice appreciated
  3. Hi there, i'm trying to have a fixed element scrolling down the page, but i want it to scroll a little first before it sticks. Its working fine on the first section of the page, but as soon as a new section starts the position sticky stops working. Does anyone have any thoughts? I'd like it to stay fixed all the way to the bottom. code I am using... Any help greatly appreciated! /*class applied to my image in my code block*/ .sticky { width: 9vw; height: 9vw; z-index: 1; position: absolute; right: 0 !important; transform: translateY(34px)!important; } /*class applied to code block itself*/ #block-yui_3_17_2_1_1623840361986_4088 { position: sticky; top: 0; z-index: 1; } <!-- within my custom code block --> <div id="logo" class="sticky"> <img src="https://static1.squarespace.com/static/60c07faed502261d79b77ba9/t/60c9d5fdf2f4804c9b8d1e98/1623840253861/TCG+roundel+black-01.png"></div>
  4. Hi folks, wondering if anyone can help. I'm trying to use javascript to add some custom code to a filtered view of events on squarespace (so a filtered view of a category). (what i'm trying to do eventually is to add in some extra links above the "filtering by" text. ) I thought i'd do an initial test to see if I could get some code applied to the page (i.e just changing the background colour of the block). But it seems like something is happening when I try to apply the code to this page. My code is super simple (see below)... <script> const filteredView = document.querySelectorAll("div.sqs-events-collection-list") filteredView.style.backgroundColor = '#000000' </script> However, when I check the console, everything I try to set just keeps coming up as "undefined". Does anyone know if there's something that blocks scripts on category pages? or perhaps there's something i'm missing! i've tried adding the script to both the footer and header injection... any help or advice appreciated!
  5. Hi Paul, Thanks for your response. The client (an art gallery) needs to be able to display their archive of past events so that they can show the breadth and history of their programme, and also so they can feature previous works that have happened at the gallery. Unfortunately I can't share the website in development on a public forum. I have tried the lazy summaries plug in, and it doesn't seem to be compatible with past events in its original form. I have emailed the developer however to see if there is any way to get this working. But thanks for your advice with this!
  6. Thanks for this, this is useful! I think we are going to test the lazy summaries approach and see how this works for what we need. It's good to know the archive blocks are there as a possible solution. Although it seems like the archive blocks don't let you apply selections to narrow down what you're showing, unless i'm missing something! For example to only show past events, or to show an archive of specific date ranges (so if the archive block exceeded 100 events, we could start a new one). I suppose one way round that would be to start a new events page to select the archive from once the previous one reached 100? Just thinking out loud now!
  7. I'm currently scouring the internet to try and find a solution to my problem. I am producing a website for a client that needs to be able to display a high number of past events (so more than the 30 past events limit). Has anyone found a good solution to this? So far my only possible solution seems to be to use a summary block in leiu of an events page, and use something like this lazy summaries plug in or similar https://www.squarewebsites.org/squarespace-plugins/lazy-summaries If anyone has found a solution to this problem that works with a plug in or a bit of custom code, it would be great if they could share!
  • Create New...