vikavikavika Posted June 25, 2023 Share Posted June 25, 2023 (edited) Hi! I'm trying to add custom reading progress bars to 3 separate pages and I'd like them to also show on the Home page under the link to each of these pages. Is this at all possible? I have access to code injection if that makes a difference. (attached is a snippet of my wireframe for the Home page) Thank you!! Edited June 25, 2023 by vikavikavika details Link to comment
tuanphan Posted June 25, 2023 Share Posted June 25, 2023 They will be a fixed progress bar or dynamic bar? I mean the number in the bar will be fixed and you need to adjust it manually, or it will change dynamically based on some metric (for example changes based on the amount of donations that users have sent) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
vikavikavika Posted June 25, 2023 Author Share Posted June 25, 2023 47 minutes ago, tuanphan said: They will be a fixed progress bar or dynamic bar? I mean the number in the bar will be fixed and you need to adjust it manually, or it will change dynamically based on some metric (for example changes based on the amount of donations that users have sent) It will be a dynamic bar based on their reading progress on each of these 3 pages (for example, if they scrolled down all the way to the bottom it'd be marked as 100% on the Home page ideally). Link to comment
tuanphan Posted June 25, 2023 Share Posted June 25, 2023 If dynamic, I don't know how to do this if you need to fixed, let me know, I can give some code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
vikavikavika Posted June 25, 2023 Author Share Posted June 25, 2023 Even static would be useful especially for styling, thank you! Link to comment
paul2009 Posted June 25, 2023 Share Posted June 25, 2023 (edited) 4 hours ago, vikavikavika said: I'm trying to add custom reading progress bars to 3 separate pages and I'd like them to also show on the Home page under the link to each of these pages. This will require some custom JavaScript to do something like this: when a page loads, check if the page is one of the three pages to be tracked. if a tracked page has loaded, the script will need to monitor the user's progress as they scroll down the page. when the user stops scrolling, the user's progress (scroll position) can be saved to local storage so it can be recalled later. when the homepage loads, the script should look for the module grid (shown in your screenshot) and add the progress bars to the page content in the appropriate positions. the scroll progress should then be loaded from local storage and the progress bars adjusted accordingly. This is a very niche request so, whilst all the steps are straightforward for a developer, it's unlikely you'll find any similar posts with pre-written code that you could copy and paste. Did this help? Please give feedback by clicking an icon below ⬇️ Edited June 25, 2023 by paul2009 vikavikavika 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment