andreab

I would like to know the same thing!

@trekyourmarket Please see the now revised original answers.

@trekyourmarket Yikes, that's no good that it's not adding to cart. Let me look at the test environment and I'll get back to you.

@trekyourmarket Please see my updated reply in the original answer. My apologies. I forgot that a required script already part of my testing environment.

@trekyourmarket If you provide a link to your live or trial site, I'd be able to help you. I need to look for more details of the code in the collapsed elements. Thanks.

@trekyourmarket Here is a more elegant solution that will not interfere with putting items into the Cart:You can run a script that will, after they click "Add to Cart", reveal a gallery of Add-Ons related to that product, that they can then click on and purchase. You can see an example here:https://amazing-andrea-533j.squarespace.com/shop/(When you reach the site, just click the [Visitor Access] button and follow the instructions. Note that when you arrive in the shop there are 4 items. Only 2 items are "Add-Ons". Click on the "Digital Rescue" product. Then click "Add to Cart". The Gallery featuring the two Add-Ons is now revealed. )

To create this:

A) Put all of the "Add-Ons" for an item in the same Category. For example, if you have Monograms for Blankets and Custom Packaging for Blankets (I'm making stuff up here!) put them both in the Category "Addon-Blanket".B) In the "main product" under "Additional Info" add a Summary Block (I used Carousel) and point it to the Shop, and Filter by the "Category" designed for this product's Add-Ons.C) Below that Summary Block, add a Code Block that has this code:

 <script>
$(function() {
  var $button = $('.sqs-add-to-cart-button');
  $button.on('click', function(){
     $('div.sqs-block.summary-v2-block.sqs-block-summary-v2').appendTo('.Share-buttons');
     $('div.sqs-block.summary-v2-block.sqs-block-summary-v2').css("display", "block");
  });
});
</script>

In the Shop's Page Settings, under Advanced, add this code to the Page Header Code Injection:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<style>
.sqs-block.summary-v2-block.sqs-block-summary-v2 {
display: none;
 }
</style>

IMPORTANT, Under Settings > Commerce > Checkout make sure that "Enable Express Checkout" is NOT ENABLED or this won't work.

NOTE: The Classes .sqs-add-to-cart-button and .sqs-add-to-cart-button-inner are how the script targets the "Add to Cart" button. There's a chance that the template you're using uses different Classes, but without a link to your site, I was unable to confirm that.

Good luck!

@SiSun The company that's actually performing the Live Stream can provide you with the Embed Code for the Live Stream itself. You would insert that Embed Code into your own Squarespace Page using the Embed Block. For example, YouTube Live Stream will generate an Embed Code specific to your personal live stream, and that's the code you'd insert into the Embed Block.

I'm not aware of any discount plans for multiple web sites in Squarespace, but that question would be better answered by Squarespace Staff in the Support Center: https://support.squarespace.com/hc/en-us

This forum is for Community Answers, and is not answered by Support Staff.