rf_residentia
Member-
Posts
8 -
Joined
-
Last visited
Content Type
Forums
Downloads
Store
Events
Blogs
Gallery
Profiles
Everything posted by rf_residentia
-
ChannelSight "Where To Buy" button on product pages
rf_residentia replied to rf_residentia's topic in Customize with code
Hi again, We had someone write some Javascript using your advice above and the button is indeed getting loaded automatically now but it isn't loading the widget from ChannelSight. These are loaded into the Header via Code Injection <!--load channelsight loader--> <script src="https://cdn.channelsight.com/widget/scripts/cswidget.loader.js" defer></script> <!--load jquery--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> Here is the Javascript written on the Store's Header via Advance/Page Header Code Injection: <script> jQuery(document).ready(function (){ var pathname = window.location.pathname; jQuery.ajax({ url: pathname + "?format=json-pretty", dataType: "json", success: function (data) { sku = data.item.structuredContent.variants[0].sku; console.log(sku); } }); setTimeout(function(){ jQuery('.ProductItem-details-excerpt').append('<p><button class="cswidget sqs-block-button-element--small sqs-button-element--tertiary sqs-block-button-element cs-unloaded cswidget-root _xmynltb3v" data-asset-id="2088" data-product-sku="'+sku+'" type="button" data-instanceid="_xmynltb3v">Buy Now</button></p>') }, 1000); }) </script> If you look at our test page: https://esatto.house/test/p/7kg-heat-pump-dryer, the top Buy Now button is the one I've placed by adding the code via a .csv file which correctly loads the ChannelSight widget. The below Buy Now button is the one loaded by Javascript referencing the SKU of the product but it doesn't load the ChannelSight widget. Is there something I can do for the button to load the ChannelSight widget via Javascript? Thanks in advance.- 2 replies
-
- product-page
- button
-
(and 2 more)
Tagged with:
-
Added to the cart button size is too narrow??
rf_residentia replied to Claire_auck's topic in Customize with code
You can try also adding a minimum width: .sqs-add-to-cart-button { width: auto !important; min-width: 68% !important; } -
Site URL: https://esatto.house/ Site URL: https://esatto.house/ Template: Squarespace 7.1 Hi, I currently have ChannelSight's "Where to Buy" button displaying below each of my product descriptions as a "Buy Now" button. Eg: https://esatto.house/refrigeration/p/84l-upright-freezer-stainless-steel-euf92s To achieve this, I added the following ChannelSight JS Reference in the Header section of the Code Injection: <script src="https://cscoreproweustor.blob.core.windows.net/widget/scripts/cswidget.loader.js" defer></script> Since I don't want the button to display below in the Additional Info section of the product page but below the product description. I've added the widget container to the end of the product description manually by added it to the end of the Description field of a CSV file and importing it via Commerce/Inventory: <button class="cswidget" data-asset-id="2088" data-product-sku="<!–– SKU-NUMBER-HERE ––>" >Buy Now</button> This method has worked for me initially but it's very manual and every time I make a change to the product description, I'll have to re-add the widget container and reupload the CSV file. I was wondering if it is possible to inject this widget to each product within a Store via the Store's Page Header Code Injection and <!–– SKU-NUMBER-HERE ––> is pulled from product's SKU field?
- 2 replies
-
- product-page
- button
-
(and 2 more)
Tagged with:
-
Site URL: https://esatto.house/ Hi, I currently have Bazaarvoice script to display reviews on our our website on each product pages. (eg https://esatto.house/refrigeration/p/93l-bar-fridge-white-ebf95w) I was wondering if it is possible to inject a div tag to add star ratings to the bottom of each displaying product grid-item from the store category page: (eg. https://esatto.house/refrigeration). Can this be done in Squarespace 7.1?
-
Slideshow Gallery image captions for Mobile & Smaller Devices
rf_residentia posted a topic in Mobile
Site URL: https://esatto.house/dishwashers/p/45cm-compact-freestanding-dishwasher-stainless-steel-edw456s Hi, we currently have Gallery blocks with a Slideshow Gallery within the Additional Info section of our Product pages. They display fine on desktop but the text boxes either disappear or so small you can't view all the text without a scroll bar when viewing on smaller screens. Is it possible to scale the text, padding & margins for all our slideshow galleries as we would ideally like similar content on all of our products? Alternatively, is there a better content type you would recommend if this is not achievable? Thanks in advance, Ray- 8 replies
-
- mobile
- gallery-block
-
(and 2 more)
Tagged with: