Jump to content

Jeremyn

Member
  • Posts

    57
  • Joined

  • Last visited

Everything posted by Jeremyn

  1. Thanks @tazmeah for sending this code over. I tested it and change the Block ID, however, the numbers are "400+" and "11K". So because of the + and K after the number, the code is not working. I also was hoping to keep the custom colour #ED8561 and also the bold front. Is anyone could help me please? https://www.creativeportrait.net.au/
  2. My site is creativeportrait.net.au or https://squid-echidna-882a.squarespace.com/ You are also a contributor to it.
  3. Hi Tuan, I just realise now that the previous code closes the edit section window automatically when I open them. How can I please fix this?
  4. And again THANK YOU so much Tuan for being so helpful!
  5. Thank you for sending the new code Tuan. I tried it out by adding it to the advanced setting of the page but only the first gallery is going on auto-scroll. Any idea where the problem is?
  6. Hi there, I would like to auto-scroll all gallery reels from this page: https://www.creativeportrait.net.au/studio-and-location I have the code below but it auto-scroll only the 1st gallery: <script> /** * Gallery Section Auto Scroller **/ (function () { setAutoScroll({ gallery: 1, direction: 2, timing: 3000, }); /* * Copy and paste the above code * to target more auto-scrolling * sections **/ /** gallery * gallery section order on the page. Ex: * 1 = the first gallery section on a page, * 2 = the second gallery section on a page **/ /** direction * direction the gallery should go in. * 1 = backwards, * 2 = forwards **/ /** timing * timing between each slide, in milliseconds. Ex: * 2000 = 2 seconds **/ function setAutoScroll(settings) { function init() { let section = document.querySelectorAll(".page-section.gallery-section")[settings.gallery - 1]; function clickArrow() { if (section && !document.querySelector("html.sqs-modal-lightbox-open") && !document.hidden && !document.querySelector("body.sqs-edit-mode")) { let arrow = section.querySelectorAll(".gallery-reel-control .gallery-reel-control-btn")[settings.direction - 1]; if (arrow) arrow.click(); } } window.setInterval(clickArrow, settings.timing); } window.addEventListener("DOMContentLoaded", init); } })(); </script>
  7. Awesome! It works perfectly. Thank you so much Tuan, I really appreciate it.
  8. Hi Tuan, This is a gallery slideshow reel on the home page of https://www.creativeportrait.net.au/ I am looking at having the arrow off the pricing guide button. Thank you.
  9. Thank you for sending this code over bangank36. I am wondering how to move the arrows from both side a little bit more to the inside (see photo attached)?
  10. No could not find anything... It would be awesome if Squarespace add this option.
  11. Yes it is https://www.creativeportrait.net.au/special-offer-booking-page
  12. I have added this code but it hide header and announcement bar together. How can I hide the header while keeping the announcement bar please? <!-- Announcement bar --> <style> .sqs-announcement-bar-dropzone { display: block !important; } </style> <!-- Header and resize --> <style> #header { display: none!important;} </style>
  13. Awesome Tuan, thank you very much for your quick reply. Silly question... Is the announcement bar goes with the header or can be display without the header on a landing page?
  14. Hi there, is it possible to show the announcement bar on a single page? www.creativeportrait.net.au Thank you
  15. I have the code below on the home page to have the logo as splash screen. Now, I am looking at adding a pulse motion similar at this website: https://www.rebeccagracedesigns.com/ How can I achieve this please? https://www.creativeportrait.net.au/ Code: <!-- loading image --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <script> $(function() { var loadLogo = $('header').find('img').attr('src'); $('.logoload').css('background-image', 'url(' + loadLogo + ')'); }); </script> <style> .logoload { /* SET BACKGROUND COLOR */ background-color: #fff; /* SET BACKGROUND SIZE */ background-size: 200px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-position: center; background-repeat: no-repeat; } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(500).fadeOut("fast"); }) </script>
  16. https://www.creativeportrait.net.au/ordering-page You will see the product section at the top and the digital collections down the bottom. When purchasing a digital collection, the client receives a print credit. I would like to provide the client with a discount code to apply the print credit to the total cost of the product ordered. I hope that makes sense.
  17. I have tried but when applying a code to a a product page, this will apply the discount code to each item. Is there a way to apply it only once?
  18. Of course! https://creativeportrait.net.au/product-store
  19. Same problem here. Did anyone find a way to achieve this?
  20. Hi wildbayseafoods, I was wondering how this did do to get the cart floating window?
  21. Anyone have found a code to achieve that?
  22. The AfterPay widget is only showing on the product page. How can it be shown on a product block please?
  23. Yes Tuan, I keep it simple and this works perfectly fine! Thanks.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.