Javascript 如何添加一个"；“添加到购物车”；Squarespace上非产品页面上具有数据属性的按钮

我试图销售同一张照片的12种变体，人们可以在同一时间购买多种变体。因为常规的Squarespace产品页面没有这种功能，所以我设计了一个页面，有效地将所有12个变体制作成隐藏对象，在一个div（

#palete

）中，允许客户单击他们想要的颜色，并将其发送到第二个div（

#frame

），他们可以按照自己喜欢的顺序对颜色进行排序。在这一点上，我想放置一个“AddSettoCart”按钮，该按钮只需获取

#frame

div中的任何对象，并将它们（单独）添加到购物车中进行结账

我尝试将外部产品包装粘贴到我的

#add set

div（包装

#frame

）周围。我的问题是，当我从常规的“添加到购物车”页面复制div并设置数据属性时，会弹出一个“无法添加项目。找不到存储项目”

<div id="productWrapper" class="sqs-pinterest-products-wrapper product hentry post-type-store-item sqs-frontend-overlay-editor-widget-host" data-item-id="5f80a1da7e67f25bbe43bc4ba4">
<div id="add-set">
<div id="frame">
</div>
 <div class="sqs-add-to-cart-button-wrapper" data-animation-role="button" id="yui_3_17_2_1_1602678357111_907" style="visibility: visible;">
  <div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-editable-button " role="button" tabindex="0" data-collection-id="5f80a1a7bfec067f8bdaa97023" data-item-id="5f80a1da7e67f25bbe43bc4ba4" data-product-type="1" data-use-custom-label="false" data-original-label="Add To Cart" id="yui_3_17_2_1_164302678357111_358" ata-selected-variant="{"attributes":{"Color":"Mint"},"optionValues":[{"optionName":"Color","value":"Mint"}],"id":"81aeafe438-8582-48b8-bd5b-940636e3134893","sku":"Einstein Mint","price":2750,"salePrice":0,"priceMoney":{"currency":"USD","value":"27.50"},"salePriceMoney":{"currency":"USD","value":"0.00"},"onSale":false,"unlimited":true,"qtyInStock":1,"width":5,"height":1,"weight":1,"imageIds":[],"mainImageId":"5f80a1ee99ce265ecace98343494","images":[],"mainImage":{"id":"5f80a1ee99ce265ecace98343494","assetUrl":"https://static1.squarespace.com/static/5c33464af8b98a78c68305cd03/5f80a1a7bfec067f348bdaa970/5f80a1ee99ce23465ecace9894/160261341168993/Einstein+Mint.jpg","systemDataSourceType":"JPG","systemDataVariants":"750x1050,100w,300w,500w,750w","originalSize":"750x1050","mediaFocalPoint":{"x":0.5,"y":0.5,"source":3},"title":"","displayIndex":7},"len":7}">
    <div class="sqs-add-to-cart-button-inner">Add Set To Cart</div>
  </div>
</div>
</div>
</div>

将集合添加到购物车

我真正想做的就是构造

sqs add to cart按钮

/

sqs add to cart按钮包装器

，检查

框架

div并将其内容发送到购物车。我需要发送哪些数据属性才能使按钮正常工作

多谢各位