RGCreative

Hi! Couple of queries relating to a store setup for an art gallery. 1. The store's collection includes the category 'Artists' and then subcategories for each artist (image attached). Is there a way to not have all of the products display when the top category 'Artists' is selected - just a blank page displaying until you click into a subcategory? 2. In mobile view, I'd like to create some space below the category (and sub-category) scroll bar as it appears right on top of the products at present. See attached image. URL: https://red-ruby-y9nn.squarespace.com/ Pass: artwork Thanks in advance for any help, much appreciated!

This worked perfectly - thank you so much!

Hi @CorinnaR Sorry for the slow reply. This is the code injection I found for the autoplay. Hope that works! <!--beyondspace autoplay Hover Portfolio start--> <script> (function(){ window.addEventListener('load', () => { setTimeout(() => { beyAutoPlayPortfolio(3000); // change the speed of transition }, 3000); // 3000 milliseconds (3 seconds) delay }); })(); function beyAutoPlayPortfolio(e) { let t = document.querySelectorAll(".portfolio-hover-items-list > li"); if (t.length > 1) { let o = new Event("mouseenter"), l = null, r = function () { let i = document.querySelector('.portfolio-hover-item[data-active="true"]').closest("li").nextElementSibling; i || (i = t[0]), i.querySelector("a").dispatchEvent(o), l = setTimeout(r, e); }; r(); t.forEach(e => { e.querySelector("a").addEventListener("mouseenter", function (e) { e.isTrusted && clearTimeout(l); }); e.querySelector("a").addEventListener("mouseleave", function (e) { e.isTrusted && r(); }); }); } } </script> <!--beyondspace autoplay Hover Portfolio end-->

Hello! Could do with some help making some changes to product detail pages please. 1. I'd like to introduce a line at the top and bottom of the product detail section. I've managed to add a line at the bottom using the product 'additional info' function (see attached) but this is a time consuming way to go about it for each product. Hoping there's an easy css fix to add it to both top and bottom of the section? 2. Also, I've been playing with the product image arrows but they're not quite as I'd like them. Ideally, I'd like them to match those on the gallery slideshow (see attached) I have on the homepage - just a bit smaller and neater. URL: https://red-ruby-y9nn.squarespace.com/ Pass: artwork Thanks in advance for any help, much appreciated!

@tuanphan Hello! Yes, all resolved. Really happy with it. Thanks!

That's looking great - thanks so much!

Hi @Ziggy Thanks so much for this - and apologies for the slow reply, I had to put this project down for a few weeks. The CSS has helped the positioning but it's not aligning perfectly. Ideally I'd like the navigation to align with 'aesthetics and beyond' in the logo. It also looks like navigation on the left is aligning differently to the social and button on the right. Is there a way of perhaps targeting the padding on the navigation, social and button that might help?

Hi @tuanphan I have just used your above code to create a portfolio grid in mobile view (using background hover for desktop). Couple of issues though that I was hoping you might be able to help resolve please? 1. The portfolio images and titles have muddled so the wrong titles are sat below the wrong images. 2. I would love the custom mobile view to appear more like grid hover if it's possible. With the images all appearing landscape, same size. And the titles sitting over the images centrally with an opacity overlay so they show more clearly. Website is: https://www.rebeccagaunt.co.uk/portfolio Any help you can offer, hugely appreciated. Thank you.

Hi, This is working great on desktop - thank you! As above, looking for the same solution for mobile. Any help with this much appreciated.

Hi, Would really appreciate some help with the way the portfolio collection page is displaying in mobile view please. Website: https://www.rebeccagaunt.co.uk/portfolio The titles that wrap onto two lines aren't displaying centrally for some reason? Secondly, I introduced some script to autoplay through the items, with background image changing each time, which works great in desktop but doesn't seem to work in mobile view. Thanks in advance for any help with this.

Hi, sorry I missed that bit! Here you go... https://tarantula-duck-xlnn.squarespace.com/

Hello, I'm hoping to find a way to vertically align the header navigation, social links, and book now button with the bottom line of the logo which reads 'aesthetics and beyond'. Site password is: aesthetics Thanks in advance for any help with this. Much appreciated.

Hello, I have just introduced a full bleed, autoplay gallery on the homepage (having realised the autoplay script I was using for a banner slideshow wouldn't work on the personal plan). Looks great on desktop but displaying portrait rather than landscape on mobile. Plus ideally I would like the arrows display as they do on the banner slideshow (see section below). Grateful for any advice on this please. Thanks in advance. Password for the site: magpie

Perfect - thanks ever so much.

This is working great - thank you so much! Only thing is the navigation arrows are now sitting centrally on the mobile view. I sheer a way to shift them to the sides like on the desktop view?