Jump to content

SourceProjects

Circle Member
  • Posts

    44
  • Joined

  • Last visited

Everything posted by SourceProjects

  1. Thank you so much Ziggy, that worked! : ) Just a pity we can't seem to have. a masonry gallery mobile view that works the same way as in a grid gallery in mobile so images show in the order they're supposed to... But this one-column solution is brilliant for now! 🙏
  2. Hello, I've noticed recently that Squarespace changes the order of the masonry gallery sections in mobile view - well the order isn't changed but the gallery is collapsed into two columns which makes it appear that the order has changed and the images that are supposed to sit next to each other no longer do. Please see example from my client's website here. I saw another thread on forcing masonry galleries to display as one column on mobile view but these CSS solutions are not working for me on this site... If anyone has any other ideas, would be very grateful!
  3. Hi Tuanphan, again I must apologise for my later reply. I was away last week and I didn't receive a notification - I have just seen your post and tried the code and it worked! Than you so much! You're the best! 🌟🙏
  4. @tuanphan Thank you so much for this! 🙌 It worked perfectly! 🙏 Now I just have to apply this to all the galleries... Many thanks for your help!
  5. Hi Tuanphan, sorry for the late reply. I am not getting notifications when people reply to topics... Yet I got a notification about a thread I had no part in earlier. Very strange! 🤷‍♀️ Here is an example of a page. If you scroll down to the "Moving Image" section you will see what I mean. It's so random... Some of the videos are under the sidebar menu and some above... Would be grateful if you can shed any light on why this is happening or how to fix this! Ideally would like all videos to sit under sidebar menu.
  6. Hi Tuanphan, I'm sorry I didn't get a notification that you replied to my question! It wasn't for that section though. It was only for the grid galleries in the artist portfolio pages. Here's an example page. In the desktop version, I have 6 columns which splits automatically into 2 columns in mobile. But my clients would rather this is split into 3 columns in mobile and I can't seem to work this out. Would be very grateful for your help!
  7. Does anyone know how to ensure that video blocks will remain behind other layers? I have created a slightly transparent sidebar menu on a site and it it floats above most of the content but with video blocks, it is very random - some videos sit under it and some above. Does anyone know how to make sure that the menu floats above all the video blocks? (example here) I've tried targeting video blocks with z-index code but it's not working...
  8. Hello, I am trying to make the galleries on my client's website (link) display in 3 columns rather than the default 2 in mobile. I have tried various CSS fixes but they are not working. Perhaps because of fluid engine? And maybe because I am already targeting each grid gallery with the following code to eliminate mysterious mobile padding? @media screen and (max-width:1025px) { .fe-63ef599164b9221a9814c895 { grid-template-rows: repeat(6,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; } } the .fe section targets the grid that the gallery is laid out on... I presume I have to add something to the code above to adjust the columns in mobile view but I am not sure what that is... Solutions such as the one below have no effect. Even when I tried it on a test gallery that was not altered with the code above... @media only screen and (max-width: 640px) { .gallery-grid-wrapper { grid-template-columns: 3fr !important; grid-gap: 20px !important; } } Would be very grateful for any ideas!
  9. I was in touch with customer support this morning and they were very responsive and helpful as usual but they claimed that it was probably the CSS / coding block causing the issue and that that they're not there to troubleshoot CSS issues. Anyway, I know that was not causing the extra padding in galleries in mobile view as I am not the first person who has posted about this... I think it is a FE teething problem. Thankfully, I have now found a solution in the thread here: This code specifically... It will take a lot of time to fix the site but so happy to have found a fix!
  10. Thanks Paul, yes I think I'll have to contact customer support about this... Will keep you posted!
  11. Thanks very much Paul, Every single page was carefully edited in the mobile editor to eliminate blank space at the bottom of galleries and page sections (as per your video). Why blank space is suddenly appearing in a real life mobile screen is a complete mystery and this is what I am trying to eliminate... The autoplay script is there because Squarespace sadly no longer provide this option in carousel galleries. There is one of these on the website in the about page. If you know of a better fix for this, it would be most welcome. But the white space below the galleries in mobile view is of greater concern.
  12. Hi Paul, Please see screenshots attached. The first is what I expected. The second is the view in my mobile (iPhone)
  13. Hello! I finally (thought I had) finished a client's website yesterday and went live. Link is here. (If you look at any of the artist pages on your mobile you will see what I mean). The website consists of lots and lots and lots of galleries. In the mobile view, everything in the design editor looked fine. But now that it is live and I am looking at it on my actual mobile I am horrified to see that beneath every grid gallery there is a LOT of blank space... In the editor, I had left no blank space beneath the images (i.e. dragged the blue bar up) and only left one/none fluid engine rows beneath the galleries... I am hoping there is a sitewide fix for this. But if I have to target different section id's I will... Been looking up different solutions but nothing is working so far. Would be grateful for your help!
  14. Hello, no I'm afraid I didn't find a solution for this... Hopefully the Squarespace team develop the asset library features in future. I am finding the folders for image organisation very useful in the meantime!
  15. Hello! I have just had to do the same thing for a website and found the solution here: https://sirv.com/help/articles/hover-change-image/ A bit of a different approach to yours as you're putting the images into code containers rather than as a swappable block. The <style> code must go into the advanced section of your page's settings rather than the css injection section. And then you create a code block with the relevant image urls from your asset library (copy image address rather than the url for the image in your library) and the destination url you want to click to... Maybe you've found a solution by now but hope this helps, if not you, someone else in future!
  16. Thanks for your input Ziggy! You're right - I was onto SS support and they confirmed that you can't download videos from the asset library and the original files must be found elsewhere... Will see if I can find a solution through a Chrome extension though!
  17. Hello! I am currently building out an updated website for a client who is migrating from 7.0 to 7.1. This involves the transfer of several image and video galleries. While the image files and embedded videos streamed from youtube etc. are no problem, it does not seem possible to download video/mp4 files from the asset library/current website. It will save a lot of time for my client if I can access these video files directly. Does anybody know if I'm missing something or is there a workaround for this? Many thanks.
  18. Hi guys! I took on a project for a client last week and didn't give a second thought "Pinterest eCommerce integration" in the brief's to do list! Assumed it would be as simple as connecting GA to the site... BIG mistake. 😂 While I have intermediate coding knowledge, soon into the task, I thought it was beyond me and thank you @foxfacedesign for the recommendation re George. I contacted him and he seems wonderful but as I hadn't built outsourcing into my fee for this project, I decided to try to work it out myself and I think I have... Well the all the tags are now functional in good health at least! Just a few pointers, re product ID (the original topic of this thread), you can draw this from the csv file that can be exported from the inventory in the ecommerce section of your SS dashboard. While I used these for the script, going by the Squarespace to Pinterest Catalog converter (recommended by Andrea Li in her very informative article on the topic), Pinterest may prefer the SKU number to be the product ID. These can also be found in the inventory csv export... This is what I went with in my catalog resubmission so time will tell... And I am a bit worried that this may cause a conflict with the product ids i used int he code. Will update when we hear back! On the more general front, I initially started making progress with Pinterest tags by using Google Tag Manager. I got the Addtocart and signup tags working this way but then I realised focusing on the integration through GTM wasn't much use when you couldn't track the actual checkouts this way due to SS' robust separate checkout system. Also once I got the checkout tags working, the GTM addtocart tags stopped working anyway and so I had to go back to the drawing board there. I am happy I embarked on the GTM journey though as it gave me a whole new understanding of how tracking works - triggers etc. While I feel it is too early to really be celebrating (I will wait for a successful catalogue integration for that!) getting all the tag areas to turn green felt like a big win after lots of trial and error and I just wanted to share some of the resources that really helped me along the way: https://www.analyticsmania.com/post/implement-pinterest-pixel-with-google-tag-manager/ https://www.bluehillsdigital.com/articles/google-tag-manager-squarespace/ https://www.sqspthemes.com/blog/pinterest-event-tracking-with-squarespace
  19. Be VERY careful using this code... I injected it thinking it would force the pop up newsletter form redirect to the thank you page (filled in the URL accordingly) and it broke my client's site... Just had a slight meltdown... Me along with the website! It kept flickering on the screen, all pages were redirecting to the thank you page and I couldn't even remove the code. Eventually I did but all styling settings are gone... All colour palettes are reduced black. Maybe it works for 7.0 but not 7.1. Just a warning to anyone else out there!
  20. Hi Paul, Thank you so much for your response and suggestion! I didn't realise that these new layouts would override style settings... Your CSS snippet seems to have worked wonderfully! It looks so much better now, many thanks.
  21. Hi guys, I am working on a site for a client and no matter what I do in style settings or in CSS injections, I cannot seem to change the product title sizes in the product pages. The default is H1, which doesn't look right... I have a feeling it could be to do with the sitewide fade-in transition settings, which might be interfering... But I don't want to remove that effect either! If anyone has any ideas, I would be grateful for your help. Here is an example of a product link on the site.
  22. Hello Bangank! Thanks for you message. The site is live and may be viewed here. Best wishes, Elizabeth
  23. Hello, My client asked me to change the shopping cart icon to text "cart" in the header earlier but we have since noticed that the mobile version does not display "Cart" - it just shows the cart item quantity, which doesn't look very nice... Does anybody have a workaround for this? Many thanks.
  24. Thanks Paul! I seem to have had very good luck in the past with this situation then but today this was not the case unfortunately! Squarespace Support have checked and confirmed it's gone... It had expired for over a year in fairness.
×
×
  • 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.