Jeremyn
Member-
Posts
57 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Jeremyn
-
Adding simple animated numbers that count up to website
Jeremyn replied to hawaiiestatetours's topic in Customize with code
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/ -
Auto Scroll Carousel Block Squarespace 7.1
Jeremyn replied to sorethumb's topic in Customize with code
My site is creativeportrait.net.au or https://squid-echidna-882a.squarespace.com/ You are also a contributor to it. -
Auto Scroll Carousel Block Squarespace 7.1
Jeremyn replied to sorethumb's topic in Customize with code
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? -
Auto Scroll Carousel Block Squarespace 7.1
Jeremyn replied to sorethumb's topic in Customize with code
And again THANK YOU so much Tuan for being so helpful! -
Auto Scroll Carousel Block Squarespace 7.1
Jeremyn replied to sorethumb's topic in Customize with code
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? -
Auto Scroll Carousel Block Squarespace 7.1
Jeremyn replied to sorethumb's topic in Customize with code
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> -
Awesome! It works perfectly. Thank you so much Tuan, I really appreciate it.
-
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.
-
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)?
-
How can I enable 'express checkout' for a single product only?
Jeremyn replied to leesmallman's topic in Customize with code
No could not find anything... It would be awesome if Squarespace add this option. -
announcement-bar Announcement bar different on one page
Jeremyn replied to Ziggy's topic in Customize with code
Thank you so much Tuan!!! -
announcement-bar Announcement bar different on one page
Jeremyn replied to Ziggy's topic in Customize with code
Yes it is https://www.creativeportrait.net.au/special-offer-booking-page -
announcement-bar Announcement bar different on one page
Jeremyn replied to Ziggy's topic in Customize with code
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> -
announcement-bar Announcement bar different on one page
Jeremyn replied to Ziggy's topic in Customize with code
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? -
announcement-bar Announcement bar different on one page
Jeremyn replied to Ziggy's topic in Customize with code
Hi there, is it possible to show the announcement bar on a single page? www.creativeportrait.net.au Thank you -
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>
- 6 replies
-
- code-injection
- css
-
(and 3 more)
Tagged with:
-
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.
-
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?
-
Of course! https://creativeportrait.net.au/product-store
-
Same problem here. Did anyone find a way to achieve this?
-
How to move shopping cart to bottom of screen on mobile.
Jeremyn replied to wildbayseafoods's topic in Customize with code
-
Anyone have found a code to achieve that?
-
AfterPay widget under the price of your items
Jeremyn replied to PIATORI's topic in Customize with code
The AfterPay widget is only showing on the product page. How can it be shown on a product block please?- 22 replies
-
- add-to-cart
- checkout
-
(and 3 more)
Tagged with:
-
Yes Tuan, I keep it simple and this works perfectly fine! Thanks.
-
Non-clickable please.