Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Popular Content

Showing content with the highest reputation on 06/22/2020 in all areas

  1. 2 points
    @Deano84 /* Add the code to Design -> Custom CSS */
  2. 2 points

    Hide sub menu on mobile

    @annasammarone were you wanting this 2 column layout for iPad only?
  3. 1 point

    Photography website feedback

    Site URL: https://www.timtadder.com/ Thank you for taking a minute to help me with my new website. I am a commercial advertising photographer and just moved my website to the squarespace platform to improve the sotry telling and SEO squarespace adds with its setup. I am experiencing analytic disasters compared to my previous site which is exactly what I did not want to happen. My bounce rates are off the chats and the speed ot the site is horrible. There is not much difference from my previous site as far as the amount of images and videos being served so I am curious to get user feedback. Thank you so much for the consideration. Best TT
  4. 1 point
    Hi, I'm hoping to create a product that is made up of multiple options not variants. More like a combo of products, and you can choose the quantity of each product you want, then it's added up to one total and that is added to your cart. For example, if I have a wedding package form with bouquets, buttonholes, table vases etc. and I want the customer to be able to choose how many of each they want to make up the total bundle of products. Is there a way to modify a product template to do this? Or can I hack together a bundle of products somehow? I've attached a wireframe example to illustrate what I am hoping to achieve. Thanks!
  5. 1 point

    Hiding one image

    No problem!
  6. 1 point

    Hiding one image

    You can use lang() to get that code working. #collection-5e80eb1963d7965a88b364c4 #block-yui_3_17_2_1_1592754049361_24081:lang(en) { display: none; } #collection-5e80eb1963d7965a88b364c4 #block-yui_3_17_2_1_1592800234526_25508:lang(ko) { display: none; }
  7. 1 point
    Thank you πŸ™‚
  8. 1 point
    @RyanDejaegher I figured it out! body:not(.tweak-transparent-header) .light-bold .header-nav-item--active a { background: none!important; }
  9. 1 point

    Conditional product variant options?

    I've come to the conclusion SquareSpace just isn't powerful enough to support a site like mine. The fact is, I have items that have options. For example, I should be able to have a single product listing that lets you pick: Manufacturer (10 options) Model (10 options, should change dynamically when manufacturer is picked) Color (11 options) Clips (12 options) Size (4 options) So under SquareSpace, this would a product with a 10 x 11 x 12 x 4 variants, and that's not accounting for manufacturer as each manufacturer could I suppose have it's own product. That's literally 5,280 different variants, which of course is a bit past the 100 variant limit and way past the time it's worth inputting all that in. It would be amazing to have options that simply apply to various product categories. For example, I want to sell shirts. Each shirt is going to have 11 color options and 4 size options. I shouldn't have to make 44 variants per shirt (I might have 90 shirts) for every shirt I want to sell. That's madness. Anyway, my hope is someone in the future will come across this post and go elsewhere. This isn't a knock on SquareSpace necessarily, it's just SS is obviously designed for a very small shop, with a few items and only a few options per item.
  10. 1 point
    @laurenjaynehughes yep!
  11. 1 point
    @laurenjaynehughes are you able to share a screenshot of where you've added that image in the page? This is doable however it may require laying out your elements in a different order.
  12. 1 point
    @axelziba, can you share more detail about your use case?
  13. 1 point
    Also is there a way to put the text below the images?
  14. 1 point
    You cannot synchronise inventory levels between different products in a Squarespace store yet. The only way to do this is with an external service that communicates with your store using the Orders API. You can purchase third-party solutions that do this but they require are relatively expensive because they require a subscription service. For example, Trunk Inventory.
  15. 1 point
    /* Add this code to Design -> Custom CSS */ .index-section { scroll-snap-align: start; } .index-list { overflow-y: scroll !important; height:100vh; scroll-snap-type: y mandatory !important; } Result: CleanShot 2020-06-22 at 10.31.58.mp4
  16. 1 point
    .site-navigation .nav-item:nth-of-type(1) { opacity: 0; animation: fader .5s ease 0.2s; animation-fill-mode: forwards; } .site-navigation .nav-item:nth-of-type(2) { opacity: 0; animation: fader .5s ease 0.3s; animation-fill-mode: forwards; } .site-navigation .nav-item:nth-of-type(3) { opacity: 0; animation: fader .5s ease-in-out 0.4s; animation-fill-mode: forwards; } @keyframes fader { 0% { opacity: 0; transform: translateY(3px); } 100% { opacity: 1; transform: translateY(0px); } }
  17. 1 point
    @justin_phang you can do this with CSS now, it use to require JavaScript but there's a new feature in CSS that makes this easier to implement
  18. 1 point
    @katiapase It'll depend on what blocks you use on the page, especially if you're wanting to have the borders be consistent across all the blocks on the page. I would put all the elements that you're going to use on the page first and then revisit
  19. 1 point

    disable fallback image on mobile

    Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .sqs-video-background .custom-fallback-image.loaded {display: none !important;} }
  20. 1 point

    Snap scroll CSS on index page

    You need to use JavaScript to do this. JS should be added to Code Injection, not Custom CSS.
  21. 1 point

    Hiding one image

    Hide korean image #collection-5e80eb1963d7965a88b364c4 #block-yui_3_17_2_1_1592754049361_24081 { display: none; } This one for English image hidden #collection-5e80eb1963d7965a88b364c4 #block-yui_3_17_2_1_1592800234526_25508 { display: none; }
  22. 1 point
    Amazing!! Thank you so much @bangank36 !!
  23. 1 point
    @katiapase yes I figured, that would require quite a few overrides to achieve the same effect. Because you have to account for the borders on multiple columns/elements and also the spacing to ensure that any existing text/elements aren't bumping up against the border.
  24. 1 point
    @Frames_by_Saurabh It looks like Squarespace does some lazy loading on the images that aren't visible yet, so as you scroll and as these images are loaded the layout of the page is "repainted". Repainting can cause a bit of performance lag especially when a lot of elements are being repainted. You could experiment with removing the code altogether and see if you run into the same issue.
  25. 1 point

    Containing section background image

    Site URL: https://www.davisandcointeriors.com.au/full-interior-service Hi All, I'm building a website in 7.1 and I'm struggling to contain a section background image OR find a more appropriate solution. As you can see from the attached image, the items in the image are on the sides. When viewed on smaller screens, rather than the image being scaled down, the image crops to the point where the items are no longer visible. This is clearly not what the client wants. I've tried added custom CSS, but it's just not doing anything. Any help would be greatly appreciated. EN
  26. 1 point
    @Falconer you need to get used to it. I use both wix and squarespace and would pick squarespace any day over wix. You will need to learn the CSS tricks to do the things you want but once you have found good resources or are able to use a service like ghost plugins you can make a squarespace site in 1/3 of the time compared to wix.
  27. 1 point
    @Frames_by_Saurabh /* Add this code to Design -> Custom CSS */ .gallery-masonry-wrapper { height: unset !important; } This should fix it
  28. 1 point
    @Arch, you can center things that have a width set using margin: 0 auto; Here's what that looks like
  29. 1 point
    @Frames_by_Saurabh This code will give you a single column on tablet and down. Result: @media(max-width:767px) { .gallery-masonry-item { width: 100% !important; transform: unset !important; position: unset !important; } .gallery-masonry-item-wrapper { height: unset !important; } }
  30. 1 point
    @katiapase, is this the effect you're going for?
  31. 1 point

    Photography website feedback

    @TimTadder This is one of the best sites built with squarespace I have seen in a while! I also love the mask thyself campaign!!!
  32. 1 point

    Pagination Customization

    @lindsey123 You can add this to your custom CSS section.item-pagination.item-pagination--prev-next { background: linear-gradient(to right, white 50%, black 50%); } .item-pagination-link--next h2,.item-pagination-link--next svg { color: white !important; stroke: white !important; } section.item-pagination.item-pagination--prev-next { background: linear-gradient(to right, white 50%, black 50%); } @media(max-width:767px) { section.item-pagination.item-pagination--prev-next h2 { font-size: 16px; } }
  33. 1 point
    Site URL: https://www.honorwithflags.com/hwf-blog I'm making the jump from 7.0 to 7.1... Needed a revamp of our site anyway so it seemed like the right thing to do. Unfortunately you cannot transfer your blog from 7.0 to 7.1. So, I'm looking for any suggestions on how to do this. I only have about 25-30 posts on my 7.0 page, but what a pain to manually move them and how are they dated then? do they all show up on the same date? Just wondering if someone has already dealt with this pain and has a good method. Thanks for any recommendations.
  34. 1 point
    Add to Page Settings > Advanced > Header <style> header#header {display: none;} footer.sections {display: none;} </style>
  35. 1 point

    Containing section background image

    Saved your questions, will check soon this week. Too many questions
  36. 1 point
    @Logotha @KimS You mean like this? (Clicking on image) https://turquoise-asparagus-ylha.squarespace.com/portfolio01?password=abc pass: abc
  37. 1 point

    How can I disable product image cropping?

    @tuanphan that didn't work. But got me close enough to work it out on my own in under 5 hours! πŸ™‚And to be honest, this feels WAY WAY better on my photography site because now it's almost like auto size and when I have medium format images, it shows the 4:3 aspect ratio properly. If a single product image ONLY. So this is what works to take your single product image from whatever it's forced to be, to allow for portrait or vertical images as well. This was put in CSS. It's a bummer because it doesn't stretch the ProductItem-Summary over towards it, so there is a big gap in the space. I guess you could align? *disclaimer, the bad part of this is that the second image, if different aspect ratio by width or height, shows up right behind. I guess it was too good to be that easy! Guess with Squarespace you can only use one camera or film size. But feels good if just one image! 😣 .ProductItem-gallery-slides-item-image { width: auto !important; height: 100% !important; top: 0 !important; } I'm curious if there is a "hide" the nth from the slides-item-image until clicked css that could happen, cause clearly, unless same aspect ratio, this isn't great for multiple images.
  38. 1 point

    External User Management (SSO)

    I'm evaluating Squarespace as a potential product, but I don't see any type of native integration with an external user management system through OAuth2, SAML 2.0, or LDAP. Has anyone implemented an external SSO provider, and if so, what was your experience? From what I can tell, Sqsp is a fairly simple SPA, so I feel like integrating SSO should be straightfoward, but I'm not 100% sure as I'm still evaluating the product.
  39. 1 point
    Site URL: https://amasty.com/customer-group-catalog-for-magento-2.html Different pricing for different customer login group. Back-end Squarespace Commerce will allow customers to be classified under a B2B customer (distributor) or B2C customer (consumer). B2B customer will access the site with discounted pricing and certain exclusive products. This is a must-have function. Please consider this feature. Is there any developer that can achieve this?
  40. 1 point

    Inventory question

    I'm opening a store where I sell variations on the same product. Basically there's the basic product, but for an extra fee it can be painted, then for another fee it can have finishing work done, etc. The extra options stack like this: Unpainted base version - $20 Painted version - $30 Painted version w/ finishing - $40 Right now I have them listed as different variats on each product page, but that makes inventory tracking difficult since all the different options start with that unpainted base version. Is there any way to set a single master stock quantity no matter which variation someone selects?
  41. 1 point

    Inventory question

    There's no way to do this within Squarespace unfortunately, you'll need to use an inventory app like Trunk Trunk can sync inventory in real-time between the same SKUs. If you give all your versions the same SKU, Trunk can keep them in sync within Squarespace. If one sells or changes in stock, it will also adjust the others. Trunk also supports bundling/kitting/components which allows you to create a master product. Then your other products can depend on this master product in various configurations (e.g. if you're selling pencils, the master product is one pencil, and then you can have packs of 5, 10, 15 depend on this pencil). Please let me know if any questions, I'm the developer!
  42. 1 point
    My home page is www.stonepierpress.org, and right now we have a promotional pop-up that asks people to subscribe to our newsletter when they arrive on the site. They can close out of the pop-up, but I was wondering if it was possible to change that so they can only minimize the pop-up and it becomes almost like a small chat bar in the lower right-hand corner? Hard to describe but like a minimized page that it is in the bottom right when they navigate the rest of the website, so they can change their mind and subscribe. Thanks!
  43. 1 point
    Add a Code Block where you want the text to appear and paste this into it: <div class="scrollBox"> paste your text here </div> Put your text where it says 'paste your text here'. Copy and paste this into the Custom CSS Editor: .scrollBox { height: 120px; width: 100%; border: 1px solid #ccc; overflow: auto; padding: 10px } You can change the dimensions of the box by changing the values after the height and width.
This leaderboard is set to New York/GMT-04:00
  • Create New...