DesignerLeo

https://www.polivantage.com/developmentlog/activeviewersperpage This is my temporary solution using the real time database of google's firebase. Now I would also like to add a counter for how many times this product has been actually bought, not just added to cart..

I am looking to create a light-weight solution to display the number of visitors who are viewing the same product in my shop. I understand that squarespace does not expose such data to be used by the front end. What would be the best way to go about it? I tried google's firebase realtime database and it works, however it gets expensive really quickly if we are talking about a per page implementation for a large number of users. I want on every product - a div that says # of users are also viewing this product. This should update in realtime, whenever a user enters the product page. Any thoughts on this would be highly appreciated.

.centered-element-inside-container { position: absolute; left: 50%; transform: translateX(-50%); margin-left: - "(minus) half the element's width"; // this might not be required, i forgot. } .container { position: relative; } Have you tried this?

I just wrote this functionality if you are still interested. https://www.polivantage.com/developmentlog/dynamicsitemap

you probably will want to dynamically set the styling property "border-radius: n%;" You can do this with CSS: .your-element-class:hover { border-radius: 25%; } I would need more context to help further, such as type of element that the shape is. is it a div? and the environment it is in, is it dynamically created with JS or placed upfront, etc. Additionally you may want: .your-element-class:hover { border-radius: 25%; pointer-events: auto; cursor: pointer; }

Not to infringe on any paid plug-in territory, you still want those if you want support. However here is my solution: https://www.polivantage.com/developmentlog/choosing-a-platform-4d3sb-nt27j-8tmjn-cxkp2-dhzsz-m6r9p-e6ssx-8ecc9-eyxmx-ykpll Please review the code before using it, your shop url might be different, among other variables. What this does is store last shopping url and scroll position and takes you back when you push the buttons.

there are ways to do this in js, but i suspect this is done on the example website you provided, simply by placing a duplicate at the bottom.

you could simply set the value of the input field to nothing every time the submission is made. This would potentially require a custom text field instead of the squarespace form, or you could use event.preventdefault, to stop the initial submission and then add your own submit logic.

I also need this. I would also like to define the break point manually and also would be nice to have a css solution apart from screen width to know when in mobile view. This would solve the need for tablet view in the editor which is ominously missing...

you could try something like this in the header code injection: <!--SIMPLE ALL BUTTONS PLAY A NOSIE ON CLICK--> <script> document.addEventListener('DOMContentLoaded', function() { //make sure document is loaded let buttons = document.querySelectorAll(".sqs-block-button-container"); //get all buttons, add or change if your buttons have different classes var BTNaudioCLICK = new Audio('INSERT LINK TO AUDIO FILE HERE'); //provide a link to your audio file BTNaudioCLICK.preload = 'auto'; //make sure the audio is ready BTNaudioCLICK.volume = 1; //set volume to 100% function CLICK(event) { BTNaudioCLICK.pause(); //pause to avoid clipping sounds on spam BTNaudioCLICK.playbackRate = 1; //set speed of audio playback BTNaudioCLICK.currentTime = 0; //set audio time to beginning BTNaudioCLICK.play(); //play the sound } for(const button of buttons) { button.addEventListener('mousedown', CLICK, false); //assign click listeners to all buttons } }); //closing the dom loaded statement </script> I am unsure if I closed all the brackets correctly but chatGPT should help you along nicely with this. This should keep your links intact.

thank you, will give it a try 🙂

Anyone help please. I just want a button as a standard squarespace button which has the same function as the account link from the header...

Hello, I have gotten rid of the account button/link in the header and have reasons to not enable it - mostly aesthetic reasons. I would like however to provide a link to the usual squarespace account management panel, just as it would open from the header link/button, - but from a different place on the website, namely from just a button I will create on a page. To what exactly should I link the button to open that log in popup for the user to manage their payment info, i believe shipping address, etc. Summary: Need a button to open account link, but not from header. Ideally without moving it around with code, unless the link/button is so unique and special and tender that there is no other option. Thanks in advance great squarespace minds, Leo.

i would like this functionality as well, please allow us to save stuff

Thank you for looking into this with me! The problem isn't solved, however I have opted for a different approach and no longer am bothered by it. Here are some screenshots, because I still think it has to be addressed. This is the first page in my blog! if I click newer posts, this happens: That is because it was already page 1 and there are no newer posts. Yet the link is there. Also, If I navigate to older posts like so: And then click newer posts, it returns me to the first page, instead of taking me back step by step: As I said I no longer have need for solving this issue, but it still is weird, I hope it can be resolved somehow.