Caramia Posted July 15, 2022 Share Posted July 15, 2022 Site URL: https://www.ecomfashionphotography.com/ I can't seem to figure out why I have custom code that's working beautifully in the editor but when viewing on live site it gets stuck. On the home menu when clicking on quote, that page needs a refresh to load correctly. Then, when clicking either of the buttons on that page, those pages need a refresh to load correctly. Here's the custom code I have on the Quote page: <script src="https://player.vimeo.com/api/player.js"></script> <iframe src="https://player.vimeo.com/video/428133744?h=ff5deeb3a9&autoplay=1&loop=1&title=0&byline=0&portrait=0" style="mix-blend-mode:multiply;filter:blur(25px);position:fixed;top:0;left:-200%;width:500%;height:100%;opacity:1;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> <style> #siteHeader { background-color: rgba(155, 155, 155, 0.7) !important; padding: 20px; margin: 0; height: 10vh; } /*.title-desc-outer-wrapper */ body:not(.collection-type-gallery).tweak-show-page-title-overlay-always .title-card, body:not(.collection-type-gallery).tweak-show-page-title-overlay-in-index.has-index-nav .title-card, body:not(.collection-type-gallery).tweak-show-page-title-overlay-not-in-index:not(.has-index-nav) .title-card { background: linear-gradient(150deg, rgba(248, 13, 161, 1) -17%, rgba(3, 68, 245, 0.9976584383753502) 100%); opacity: .9; } body:not(.collection-type-gallery):not(.collection-type-index) .main-content-inner-wrapper { z-index: 500; } .medium-button-style-outline .sqs-block-button .sqs-block-button-element--medium:hover { background-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 1); color: rgba(249, 30, 162, 1); } </style> Any help would be greatly appreciated! Link to comment
paul2009 Posted July 15, 2022 Share Posted July 15, 2022 2 hours ago, Caramia said: I can't seem to figure out why I have custom code that's working beautifully in the editor but when viewing on live site it gets stuck. Some templates have an Ajax Page Loading feature that improves website performance but it can cause issues for code that wasn't written specifically for it. The Ajax feature is disabled when you're logged on, so you'll be blissfully unaware of any issues 🙂. See my guide for more information: Why does Squarespace code only work on refresh? About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Caramia Posted July 17, 2022 Author Share Posted July 17, 2022 Thanks Paul. That did it! Disabled Ajax loading. For anyone else interested, here’s a working link to Paul’s article. https://sf.digital/squarespace-solutions/why-doesnt-my-code-work-until-i-refresh-the-page 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