visualcreative

I sell workshops and want to set an automatic reminder email with the date/ venue location etc to my customers who are booked on the class. Some people book months in advance and some just a few days before the event, so it is impossible to schedule the emails as x days after the purchase date. 
This could be achieved if Squarespace offered filters for customers who bought specific products (currently it's just filtered by amount spend ..) Is there a workaround? 

With folder, use this code
<style> .header-nav-folder-content { background-image: unset !important; background-color: #f1f !important; } </style>  

Add this code to Page Header to remove gradient and add solid background
<style> .header-background-gradient { background-image: unset !important; background-color: #f1f !important; } </style>  

Hi,
I've seen similar posts for this and have tried chat GPT.
Is there a way to create a gradient fill for my homepage background section header and keep a white solid fill for all other page headers?
The URL slug is /home, I'm not sure if my problem has been not inputting the correct page ID in CSS, if this could be done with just page settings- general, PAGE HEADER CODE INJECTION that would be great.
Thanks!
Alexander

I see she used Search Block in Footer, and this code to Design > Custom CSS to move search block position to top right of site
#block-yui_3_17_2_1_1647427323829_6501 { position: fixed; width: 200px; right: 20px; z-index: 10 }  

I've been reporting this search bug since 2000 and they still haven't fixed it. 
My only guess is that engineering is unable to fix it due to it breaking other things or they don't think search is important enough to dedicate resources to fixing it.

If you've created a second Blog page, you can move items from one blog to the other as follows:
In the Home Menu, click Pages. In the Pages panel, select the page containing the content you're moving. Press and hold Shift and click the item or items you want to move. In the action bar at the bottom of the panel, click Move. The Move button only shows if you have at least one other pageof the same type. In the Select Destination Collection window, select the page where the content will go. Click Move Items. The select and move options might look different depending on the page type. For more information see: Moving collection items between pages.

Add to Design > Custom CSS
/* hide price from related products */ div.ProductItem-relatedProducts .product-price { display: none; }  

@paul2009 @creedon
Hello, 
I'm hoping someone can guide me through. I've been reading multiple threads now and I can't seem to find anyone nailing down a solution. Here's the status.
 
I have 7.1 and Business Plan.  We loaded 4 price variants. I wanted to show a range of prices from low to highest on the PLP, instead of only showing "from cheapest variant". I used this code on the header:
  <script> /* This is the code overides prices variants in product pages */ document.addEventListener("DOMContentLoaded", function() { var productVariants = document.querySelectorAll(".product-variants")[0].dataset.variants; productVariants = JSON.parse(productVariants); var lowestPrice = Infinity; var highestPrice = 0; for (var i = 0; i < productVariants.length; i++) { var variantPrice = parseFloat(productVariants[i].price) / 100; if (variantPrice < lowestPrice) { lowestPrice = variantPrice; } if (variantPrice > highestPrice) { highestPrice = variantPrice; } } var priceContainer = document.querySelector(".product-price"); priceContainer.innerHTML = "$" + lowestPrice.toFixed(2) + " - $" + highestPrice.toFixed(2); }); </script>  
It worked. Here's the result:


I want to do the same in the Store Page. I was able to figure out a code that targets the right element, but it doesn't show any prices and it only affects the first product on the grid. Here's the code i used on the footer:

 
<script> if (window.location.pathname === '/shop') { var priceContainers = document.getElementsByClassName("grid-prices"); var lowestPrice = Infinity; var highestPrice = 0; for (var i = 0; i < priceContainers.length; i++) { var priceText = priceContainers[i].querySelector(".product-price").textContent.trim(); var price = parseFloat(priceText.substring(5)); if (price < lowestPrice) { lowestPrice = price; } if (price > highestPrice) { highestPrice = price; } } var priceRangeContainer = document.querySelectorAll(".product-price"); for (var i = 0; i < priceRangeContainer.length; i++) { priceRangeContainer[i].innerHTML = "$" + lowestPrice.toFixed(2) + " - $" + highestPrice.toFixed(2); } } </script>  
Here's the result:


What I'm thinking is that from the Store Page, it doesn't know what the min and max price variant is, unlike the PLP. How can I scrap the data and then loop it back but in the Store Page. 
How do I target all the elements on the grid?
Is it possible to achieve the same result I got on the PLP? 
 
Thank you in advance for taking the time to read. I'm not a programmer by any means nor do I feel comfortable with code, Chat GTP helped me figure most of it out. Which is amazing to me. 

Here's the link to the website: https://chathamcompassion.com/shop 
(It's a 420 shop I'm working for a client)
 
 
 
 

As Paul said above, accordions are fine as long as you don't stuff them with keywords.
Accordions are a great way to increase word count on pages where you don't want a wall of text. Google doesn't like thin content pages (words with 300 words or less), so accordions can help you go beyond this count.
If you want to increase the likelihood of people finding your accordion content on search engines AND the content in the accordion are FAQs, I recommend adding an FAQ Schema.

Sorry that didn't work, can you try this instead:
.ProductItem-details-checkout .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { display:none; }  

Hi @AnnaC,
You can try the following code in Home > Design > Custom Css
.sqs-block-accordion .accordion-item__description { max-width: unset !important; width: 100%; } Let me know how it works on your site
Press 👍 or mark this answer as solution to help another one too

So, I answered my own question but will leave it up in case anyone else wants to know. Instead of using hex for the color of the background, I used HSLA format. 
#block-d325a806d44c4257f1d4 { background: hsla(0,0,0,.15); padding: 1px; text-align: center; } For anyone that doesn't know, the last number (.15 in this case) represents the opacity of the background color.  This way it will only affect the background color and not the whole block, thus the text stays opaque while you can freely change the transparency of the background. 
 
 

I need something very similar — my client wants to be able to simply screen and approve postings, which we have been setting up as blog entries currently. I have not seen a solution yet — anyone else find anything for this question?

Site URL: https://www.vsgd.co/current-opportunities
Hi there,
 
there are a number of plugins advertised for squarespace but it's not clear whether they can do what we need.
We need a self service jobs board plug in - where a customer can submit through a template and pay for a job ad, which gets published either automatically or through a system where an admin needs to proof read. This is to save time in having to create a certain style of job ads for customers who want a quick service. 
Can anyone help? 
Best Wishes
 
The VSGD Careers Team