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

Leaderboard

Popular Content

Showing content with the highest reputation since 10/27/2020 in Posts

  1. I contacted support and they advised that at this stage they have no update when their system will accept the new Google Analytics 4 (GA4) measurement ID. It is disappointing because clients who don't have a business or eCommerce plan don't have any option to add the GA4 tag in. Support suggest clients add a UA tag in but this disregards the fact GA4 is based on a global tag and even Google recommends during setup not to use the UA tag. Understand Google has made the change, but at the very least Squarespace should allow code injection until they have a fix for this as GA4 is n
    8 points
  2. Whether you’re prepping for Black Friday and Cyber Monday or getting ready for Boxing Day sales, the holiday season has arrived. There are so many ways to prepare your website and business for the holidays: give your website a holiday themed makeover, have special sales, update your product offerings, etc. How are you preparing your website for the holiday season? What is your go-to strategy? Share in the comments below!
    4 points
  3. Squarespace recently added Image Effects to background images. If you edit the section and choose Background, add your image then scroll to the bottom and select Image Effect: Tilt to add parallax.
    4 points
  4. We've implemented a free gift wrapping option in the checkout with the possibility to write a custom message. We did it because many people won't have the possibility to give presents in person this year (in Italy at least). We said our gift options were free for the occasion, but to tell the truth it is the only way to do that as in Squarespace it's impossible to implement paid add-ons in the checkout. We changed our "Sale" label to "Black Friday" for the black friday sale week and we colored it black. That's mainly it, all with some Mailchimp newsletters
    3 points
  5. HERE'S THE SOLUTION: In Google Analytics create a new property. In the new property setup panel there's a link "Show Advanced Options" at the bottom. In Advanced Options there's an option "Create a Universal Analytics property". Using this option will give you the option to either create both a GA4 and a UA id in which case it creates 2 properties and links them or you can just create a single UA id.
    3 points
  6. Hi, Please insert this code in your Page Settings -> Header Injection <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> var imgURL = "https://images.squarespace-cdn.com/content/v1/5947fdcdd482e9517f8cc5e9/1605298803110-Q4U67HKG2YXUWOCN3TCW/ke17ZwdGBToddI8pDm48kLkXF2pIyv_F2eUT9F60jBl7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0iyqMbMesKd95J-X4EagrgU9L3Sa3U8cogeb0tjXbfawd0urKshkc5MgdBeJmALQKw/image-asset.jpeg" // Insert your image link here! $(window).on('load', function() { $('hea
    3 points
  7. JRBrick

    Hotel Booking plug-in

    I use OwnerRez with one of my clients. I find it easy and seems to work well. https://www.springdaleresortlodging.com/
    3 points
  8. IXStudio

    CSS customize - Padding 7.1

    Use this code in Design -> Custom CSS #collection-5fb04029f8f3f14190c4cd9e.tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay { padding: 0 0 3.3vw 0; } Please use the like button if it helps you! Best, Leopold
    3 points
  9. Check here please. https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor#toc-upload-files--optional- You can upload your images and get the link. (Upload files section) Thanks!
    3 points
  10. Hi You can insert the image with this code <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"> Also you can upload the image to Design -> Custom CSS (You will see the upload field) If you need to add navigation you can use summary or gallery! Please use the like button if it helps you! Best, Leopold
    3 points
  11. Hi Use this code in Design -> Custom CSS body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) header:not(.black) .header-nav-wrapper .header-nav-folder-item a { color: white !important; /* change the color */ line-height:25px; /* remove if you don't like */ } body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) header:not(.black) .header-nav-wrapper .header-nav-folder-content { background-color: #3d3d3d !important; /* change the BG color */ } Please use the like button if it helps you! Best, Leopold
    3 points
  12. Add the following to Store Settings > Advanced > Page Header Code Injection. <style> /* begin add store category descriptions */ @media screen and ( min-width: 576px ) { .tweak-products-nested-category-type-sidebar.tweak-products-category-title .products.collection-content-wrapper .nested-category-title { margin-bottom: calc( 37px / 2 ); padding-bottom: 0; } .tweak-products-nested-category-type-sidebar.tweak-products-category-title .products.collection-content-wrapper .nested-category-title::after {
    3 points
  13. Some CSS Class/ID for Squarespace 7.1 Header Header: header#header Site Title: a#site-title Navigation: .header-nav Navigation Items: .header-nav-item a Navigation Dropdown: .header-nav-folder-content Navigation Dropdown Items: .header-nav-folder-item a Mobile Navigation Items: .header-menu-nav-item a Mobile Menu Icon: .header-burger Mobile Menu X icon: .burger–active Header Social Icons: .header-actions .icon Cart Icon: header#header span.Cart-inner Cart quantity: header#header .icon-cart-quantity Footer Foot
    3 points
  14. creedon

    Moving 'add to cart' button

    The code @tuanphan posted was for a Squarespace v7.0 site. Your site is v7.1 and requires different code. Add the following to Store Settings > Advanced > Page Header Code Injection. <style> /* There is something odd going on with v7.1 CSS as of 11/04/20 .ProductItem-details-checkout has a rule of display block but sub elements have order properties on them. The first bit of CSS unsets those items for a clean slate returning the elements to natural order. */ .ProductItem-details .product-quantity-input, .ProductItem-details .product-
    3 points
  15. @paul2009 - I don't expect perfection. I have been doing business online since 2000 and have plenty of experience using a variety of e-commerce platforms. So I have a pretty good idea of what features are essential and should come built-in at a price point and what features are acceptable as extensions (and therefore I can expect to pay). If I had come across your list of missing e-commerce features on Squarespace back in May, I would have gone with Shopify instead. But back in May, the 2 glaring features (for me) that were missing with the Advanced Commerce were: the ability to create or
    3 points
  16. I have made several calls requesting more efficient organizing of products in catagories. Right now I was informed SS has set it up so that products need to be manually organized in thee different areas from most specific sub-category, catagories and "All". It is quite insane! The answer it seems is to have the organize individual products in sub categories, move entire sub-categories within catagories (drag and drop) and then have this organization reflected in "All". The current system is a deal breaker for anyone who has to move a lot of individual products. I would never have
    3 points
  17. @bangank36 THANK YOU! i have been fiddling with this for days. Thank you so much!
    2 points
  18. Hi Use this code in Design -> Custom CSS @media screen and (min-width:1875px) { .sqs-gallery-design-autogrid-slide { width: 33.3% !important; margin-left: auto !important; margin-right: auto !important; clear: right !important; } .sqs-block-summary-v2 .img-wrapper img.loaded{ width: 100% !important; height:auto !important; margin: 0 auto; padding: 0 15px; } } Also, please check these free summary styles. Please use the like button if it helps you! Best, Leopold
    2 points
  19. 2 points
  20. Try the following for 7.1: // Sticky Product Filter 7.1 // .products.collection-content-wrapper .nested-category-tree-wrapper { position: -webkit-sticky; position: sticky; top: 100px; }
    2 points
  21. @bangank36 GOLDEN! Just what I needed... thanks a lot!!!
    2 points
  22. Site URL: https://sashalennonpottery.com/ I sell physical goods, and I have upgraded my site to included carrier calculated shipping rates at checkout. Most of my goods require a box for shipping, but I recently started selling stickers. Stickers are flat, and don't need to be shipped in a box. I want the calculated shipping when shipping only stickers to be $0.55 (the cost of a stamp). I can't find a way to manipulate the carrier calculator to know to place the items in an envelope and not a box. I have tried creating a flat rate shipping option, but since I can't apply shipping opti
    2 points
  23. I suggest to make it 100% viewport on mobile @media only screen and (max-width: 640px) { #collection-5fac58a28b82eb77cd318983 #new-gallery .Index-gallery-item { height: 100vh } }
    2 points
  24. Kindly add this snippet to Settings->Advanced->Code Injection->Header <script> document.addEventListener('DOMContentLoaded', function() { var slides = document.querySelectorAll(".slide [data-click-through-url]") for (var slides of slides) { slides.addEventListener('click', function(e) { var url = this.getAttribute("data-click-through-url"); console.log(url); if (url) { e.preventDefault(); e.stopPropagation(); window.open(url, '_blank');
    2 points
  25. She sent me a message & I gave the code
    2 points
  26. OMG!! That worked perfectly! Thank you so much!🤓
    2 points
  27. Hey! I'm working on a site and I played around the options (newest version of Squarespace) a lot. This uploaded the "dummy-images" on the site every time and now when browsing uploaded images it is hard to find the relevant pics. How do I manage the images uploaded to the site? I'd really like to remove all of the unused images. Screenshot from the media browser below.
    2 points
  28. zoltar451

    Rollover titles

    Thank you! That works perfectly. Thanks so much for your help!
    2 points
  29. ilonapoutanen

    Mega Menu

    It works, thank you so much!
    2 points
  30. Azz

    Banner image being cut off

    Found it!!!
    2 points
  31. One way to do that is add the title to your logo and make it one big logo. Then the tag line is still available. Here is Squarespace's free logo maker, give it a try. https://www.squarespace.com/logo
    2 points
  32. I have this issue also. Some of my products can go in envelopes but there isn't that option for calculating shipping cost.
    2 points
  33. I have spoken to TaxJar about a week ago and they told me they are about to release an integration for Squarespace that would solve this problem. They said they are weeks away from it. For know, my problem is fixed because Illinois where I am based is an origin-based sales tax state, meaning I charge my local tax rate to everyone in the state of Illinois. Once we start getting more sales out of state and start having economic nexus in other states, then we will either have to get that TaxJar integration or move to a different platform (likely the latter, as I have learned Squarespace disappoin
    2 points
  34. Actually add the opacity BELOW the line order:2
    2 points
  35. you would think with all the people asking for it they would implement item specific shipping. It's probably one of the most common requests I see in these forums and they're losing a lot of business because of it. I know several people who have left squarespace because of that and I'm looking at different options myself. Disappointing to say the least
    2 points
  36. creedon

    Moving 'add to cart' button

    I've updated my previous post. Is that the order for which you are looking? Also you will want to remove or comment out the following CSS from Design > Custom CSS. .product-price { order: 2 !important } .product-quantity-input { order: 3 !important } .ProductItem-details .sqs-add-to-cart-button-wrapper { order: 4 !important } .ProductItem-details-excerpt { order: 5 !important }
    2 points
  37. figured it out! .sqs-add-to-cart-button { display: none !important; } .sqs-money-native { display: none !important; } .product-mark.sold-out { display: none !important; }
    2 points
  38. Thats brilliant. Thanks bangank36.. On the mark
    2 points
  39. Add to Home > Design > Custom CSS then save & reload your site. body.homepage .header-announcement-bar-wrapper { background: transparent !important; position: absolute !important; }
    2 points
  40. Let's consider adding this line of code @media screen and (max-width: 3000px) { /* Display burger icon at all widths and align right */ .header .header-burger { display: flex; order: 2 !important; } /* Make burger menu visible at all widths */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } /* Center logo in mobile device */ .header-title { text-align: center !important; } /* Hide primary navigation menu */ .header .header-title-nav-wrapper .header-nav { display: none; }
    2 points
  41. @bangank36 — hi! I actually figured it out! Used this code: p a{ border-bottom: none !important; }
    2 points
  42. Here is my trick, this way it can be applied on one page only instead of the whole site 1. You need to add below script on your page custom code 2. Since you got your image dimension, use this formula ratio = height / width --> 181/322 ~ 56.2% 3. Replace the value in this snippet <style> .sqs-block-image .sqs-empty .sqs-image-content { padding-bottom: 56.2% !important; } </style>
    2 points
  43. Hi do you want it like so <style> .sqs-block-image-figure { padding: 1vw } </style> There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced
    2 points
  44. For anyone else who needs this, my friend Jason solved it by adding jquery and then disabling touchmove and touchstart. So in addition to adding the custom CSS above, go to Settings > Advanced > Code Injection > Footer and add: <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> </script> <script> $(document).ready(function() { $("div.gallery-lightbox-list").bind('touchmove', function( event ) { event.stopImmediatePropagation(); }); $("
    2 points
  45. It looks like Squarespace has yet to add this feature. It would be great to have since gift cards are non taxable here...
    2 points
  46. hey all! i found this for 7.1 and worked a treat! https://www.squareaddons.com/clickthrough-link-for-the-folder-title-access
    2 points
  47. +1 to this. Really need to add First Class as a USPS carrier option for calculated shipping!!!
    2 points
  48. I agree, I also wish to sell products with and without taxes, a simple checkbox on each product, taxable or not. Would be a godsend!
    2 points
  49. Add to Home > Design > Custom CSS /* Add a line to bottom of header */ header#header { border-bottom: 1px solid green; } /* Add a line to top of footer */ footer#footer-sections { border-top: 1px solid green; }
    2 points
  50. @StephenWise1999 Add to Home > Design > Custom CSS /* Change dropdown menu background */ .header-nav-folder-content { background: #febf00 !important; }
    2 points
This leaderboard is set to New York/GMT-05:00
×
×
  • Create New...