jaisequoia

On 10/5/2021 at 2:08 PM, paul2009 said:

You can add breadcrumbs to product pages with our Breadcrumbs Extension for Squarespace 7.1.

You can add nested product categories as breadcrumbs, making it easier for customers to discover other products in your Squarespace store.

A breadcrumb trail on a product detail page is a form of site navigation. It helps visitors to understand a product’s position in the store hierarchy. This can help users to explore your store more effectively, especially if you have a large number of product categories.

https://sf.digital/breadcrumbs-extension

It converts your product categories to breadcrumbs, automatically.

 

 

Feel free to message me if you have any questions, or get in touch via the website 🙂.

Hey Paul,
Does your extension work  if I've already got Michael's universal filter on  a site?
And will you offer a developer price so we can put this extension on multiple sites in the future?

On 3/4/2023 at 2:26 PM, paul2009 said:

If you are using Squarespace 7.1, you can hide the Quantity selector on a single product as follows:

1. Edit the Product
2. Click 'Additional Info'
3. Add a Code Block
4. Replace the demo HTML with the following:

<style>
  .product-quantity-input {
    display:none!important;
  }
</style>

Did this help? Please give feedback by clicking an icon below  ⬇️

thanks for this @paul2009!! just what I needed.

11 minutes ago, joserjr said:

Hi,

I'm currently using Will Myers "change background color on scroll" (https://www.will-myers.com/change-the-background-color-on-scroll-in-squarespace) but I want a sticky header to change the color as the body background changes.

site: https://silver-mustard-tdyk.squarespace.com/

password: template

Any help would be appreciated!

 

Hi think reaching out to Will would be your best bet.

hi Paul,

yes it's also happening on the blog 'inspiration' page too (which is a regular page with 3 summary blocks on it). It was doing this  a couple weeks ago and I removed and then re added all the summary blocks and that fixed it initialy but it's happening again. I'm speaking with sqsp support right now to see if we can figure it out. The client is not super happy about all this extra and duplicate work.
I will report here any fixes or findings that may be helpful for others.

UPDATE
There are a LOT of problems with summary blocks right now. I had used a fancy trick I found online to display all the images on this page in a really nice full view kind of way (well full image, using the wall setting of summary blocks). Because there were more than 30 I needed to display I added tags to each additional 30 posts and displayed them in an additional summary block until they were all on one normal page (not collection blog page). Worked for YEARS. Then migrated the client site to 7.1 and everything went to hell lol.
I've spendsome help agents were not as well versed in sqsp as I am and totlaly wasted my time btw, I've now made a suggestion that they neeed to find out the sqsp professionals skill level somehow and match them with a more advanced customer service rep they actually really liked this idea!).
Finally I was told I had to use the grid setting (which cuts off a lot of images as some are tall) and could only use 12 per summary block so I changed and added new tags and added each summary block to a new section. Time consuming (and my customer had to pay for all this nonsense). They  are apparently working on this issue which is good and eventually hope to hear back that I can start using the wall summary block display again at some point.
At least now there is no weird horizontal scrolling on that page. 

I hope this helps someone out there...
Oh and another site I recently migrated to 7.1 mysteriously had summary blocks just disappear on their site! So I encourage the reader, if you have any weirdness happen (first refresh your page to see if it resovles) but if not, take a screen video of the problem and send it through to customer care.

On 6/15/2023 at 6:50 PM, AllaD said:

I'm needing guidance for a Google Search Console message indicates a 'Video page indexing issue - Video outside the viewpoint’ for a vimeo video on my clients website - here is the video url:

https://player.vimeo.com/video/503089085?h=3dc310dbf0&app_id=122963&wmode=opaque

Would anyone know if it is how I'm placing the this particular video within Squarespace, or an issue at vimeo's end?

I'm posting here so if someone provides more clarity @AllaD you'll also be able to see it 🙂 

I'm having the same problem after recently updating this website: https://www.handyhaynets.com/allproducts/p/roundswivelsnap if you scroll down below the product description you'll see two youtube videos. The client is getting google indexing issue emails and so I just took a look and used the google responsiveness tool and all looks fine? 
Could it simply be because these videos are in the 'additional info' portion of the product page?
Would the new product details feature that's being rolled out be a better way to add this kind of informtation? (let's face it the 'additional info' is extremely outdated and very glitchy and problematic and I would LOVE to ditch it on all my clients sites lol)

@paul2009 any ideas?

On 6/5/2020 at 3:06 AM, squareface said:

Sorry i know this is an old post... but the gif technique pointed out by @mandrous is just what i need. Is there a way to make gif slideshows like these with small filesizes? Can anyone point me to a method? So far I've tried with 8 different gifs and it's coming out at 200mb!

It's important to note that this is not good for the site's SEO or for site accessibility (screen readers). I wouldnt recommend it.

On 12/21/2021 at 3:59 AM, Sabine said:

Hi, I would like to try those new options. Unfortunately I am in version 7.0. Is there a way to upgrade to version 7.1 without changing all the design settings?

Unfortunately no. You're basically designing your site from scratch in 7.1

13 hours ago, tuanphan said:

Try this CSS

figure.ProductList-outerImageWrapper {
    border-radius: 20px;
}

 

Actually @tuanphan 
I can see now the only thing missing is rounding the suggested products on product pages? Can you help with that one too please? 

9 hours ago, tuanphan said:

Try this CSS

figure.ProductList-outerImageWrapper {
    border-radius: 20px;
}

 

Tuan you rock as always! Worked perfectly thank you. I have a bit more to learn about finding appropriate classes on things. 🙂 

On 1/28/2021 at 1:45 PM, Corizona said:

Hi,

Here is an expanded version of @creedon's message that fixes images in blogs too.

// This adds a radius to most of the images
.products .grid-image-wrapper,
.image-block-wrapper,
.ProductItem-gallery-slides-item.selected,
.sqs-gallery-design-grid-slide .image-slide-anchor
.image-overlay  {    border-radius: 12px;    }
// This adds a radius to the images when under a colored field
img {
border-radius: 12px; 
}
// This adds a radius to the BLOB/article images
a {
border-radius: 12px
}

hi there, Most of this worked great on this Brine site https://www.handyhaynets.com/allproducts with the exception of those shop items. Could you help? I'd like to include these for design continuity. I tried myself using inspect but couldn't target all the right classes.

Site URL: https://www.seedsnelson.org/

hello all!

Something has changed in sqsp (AGAIN) and has effected SOME code on this site and I'm not sure wha the culprit is? There are extra scroll bars on the right and the bottom of the site as well as extra site background showing below the footer. Any help would be WONDERFUL.

🙏🙂

7 hours ago, paul2009 said:

@jaisequoia If we ignore Member Areas there's only one guaranteed way to hide a purchasable product and that's to place it on a separate password-protected store page, and then share the password with past participants. This will guarantee that search engines and users cannot stumble upon this content.

Other options don't work for the following reasons:

If you place a product in a public store page it cannot be hidden and purchasable at the same time. When you filter a product's visibility by changing it to hidden, the item is removed from sale. It cannot be viewed or purchased unless you are logged in to the site. Hidden products cannot be linked successfully to a product block either.

If you place a product in a separate store page and set the page SEO setting to "Hide Page from Search Results" this should (but doesn't guarantee) that products on this page won't be read by search engines but it doesn't stop the products being found by the Squarespace internal search tool (when it is working correctly).

Wow thanks so much Paul. I knew you’d have the grounded knowledge to guide my thinking on this. With sqsp I find so much of my learning happens when I need to know a specific thing. This makes me so grateful for this community filled with people like yourself that have more knowledge than me. 

@paul2009 I'm wondering if you think this solution is a good idea? I have to come up with something for a client where her past clinic participants can have access to updated (physical) manuals and we dont want just anyone to find them. They will be purchasable product blocks on a page. And if I could I would like to hide the page from search engines too.
Your opinion? (Which I really value!) And no they aren't ready to to membership areas yet but that may be in the works later this year.

On 3/19/2022 at 2:32 PM, paul2009 said:

@jaisequoia Until they fix the bug, this may help you:

body .checkout-button {
  border-radius: 0.4rem;
  font-family: hypatia-sans-pro!important;
  font-weight: 900!important;
}

very kind thank you @paul2009!! I'll make a note of this for other sites too. You you just made my day! 

On 4/30/2020 at 6:20 PM, tuanphan said:

Can you share link to cart page on your site?

hi Tuan, yes I'm needing the code too. the part for button colour worked but not able to make the font change no matter what I do and can't find the target class. Frustrating that Squarespace doesn't automatically make ALL buttons on the site pull the colour and font from the other settings!

https://bird-carillon-tzew.squarespace.com/shop/p/a-horse-with-no-name pw Wildthings55

thanks! (you'll need to check out this item to see the checkout page of course )

I was just using ubersuggest and saw the same issue and would REALLY LIKE squarespace to make a change as it affects ranking! Wish I knew which sqsp admin to tag here. Someone please do this?

@kathomalley would you have any ideas? 🙏🙂

On 5/28/2020 at 4:29 AM, tuanphan said:

ah okay, I see now.

Q2. background image. Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.sqs-slice-gallery-item.content-fill {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/artboard-1-.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.sqs-slice-gallery-item.content-fill img {
    visibility: hidden;
}
}

Q3.

@media screen and (max-width:640px) {
.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide {
    top: 50% !important;
    transform: translateY(-50%);
    bottom: unset;
}
}

 

Tuan I'm looking for code to make the mobile pop up be full screen. I find it visually confusing with it just being on the bottom. 

I got this message for one of my clients sites this morning too. Be great if squarespace admin could explain. 

11 hours ago, tuanphan said:

Add bottom box shadow for header on scroll? With SS 7.1, when scroll, SS add class: shrink to header, so we can target sticky header easily. SS 7.0 have no that.

If you use a Business Plan or higher, we will use JavaScript code to add this class

Never mind Tuan. It's fine for now. I think I'll be updating them to Brine (Kent is the current template and it's really limited). Appreciate the help you offered though.

19 hours ago, tuanphan said:

Can you share site url? We can check easier

https://www.i-sea.ca/ on mobile it would be great if it didnt hide the menu when it became sticky. check it out and you'll see what I mean. Thanks Tuan! Hope all is well with you.

On 5/30/2021 at 1:51 PM, tuanphan said:

Your header is not fullwidth, so need to some code to tweak it.

Do you use Personal or higher plan? Each plan will have a different code

I used this:

/* stickyk header */
header#header {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
  bottom: 30px;
    z-index: 999;
  background: white;
}

on this site https://www.i-sea.ca/
however @tuanphan I'd like a subtle shadow on the bottom border that shows ONLY upon scrolling so can you provide the code for that? I tried the same code I used on this 7.1 site https://www.2chanceranch.ca but it's a boxed shaddow which on the kent template adds a shadow on all 4 sides... help? thanks!

On 7/2/2020 at 8:56 AM, BrennanDesign said:

Hi, 

I am working with a potential client and they wish to have content available only to those who have purchased a membership. We have discussed MemberSpace, and even the option to simply use a password protected page (not ideal), but there is some hesitation around the pricing of MemberSpace, specifically the 4% fee for each member sign up on top of the monthly cost.

The client has mentioned Patreon as the membership model she wants to use but I don't think this is compatible with SQSP. 

Does anyone know if this is not the case and know if w CAN use Patreon on SQSP, OR does anyone know of any other alternatives out there for such a membership platform that can be used with SQSP?

Thanks! 

some time has passed now but there is this for those searching for  patreon integration. I haven't used it myself but am investingating for a client. 
https://connect.appypie.com/apps/patreon/integrations/squarespace

On 1/17/2021 at 12:15 AM, tuanphan said:

Add to Design > Custom CSS

/* Mobile nav items size */
div.header-menu-nav-item * {
    font-size: 16px;
}

 

it's recommended to use rem and not pixels for mobile font size :-)

Hi I dont have a direct answer to your problem (code) but what I do on a client's event page is add a banner/header to the page and then put the 'no current events but stay tuned for our fall 2021 clinics' or some such. Hope that helps.

On 2/19/2021 at 1:47 PM, paul2009 said:

Although this post won't fix the issue for you, it may be helpful to know why this has changed, even though it cannot be restored.

In this case, product pagination was removed from Squarespace 7.1 when the store product limit was increased from 200 to 10,000 products. The code that produced the pagination links would need to iterate through the entire inventory to create the links. This was fine for less than 200 products in a flat category structure, but was likely to cause serious performance issues for 10,0000 products in nested categories. Sometimes the choices are difficult, but this was probably the right decision at the time.

Although it won't help anyone who has already built a 7.1 store, if you are building a small store, the pagination still exists on Brine 7.0 stores where the product limit is still 200.

This cannot be fixed with CSS, but if a store were fairly small, some JavaScript could probably be written to add pagination links to products on 7.1. However, there would be some restrictions. It would only be able to follow the default product order (as they appear on the 'all' product list page and would require products to be indexed manually after any changes were made to the inventory (adding or removing products).

Thanks so much @paul2009 This was a thorough explanation. Already building in 7.1 so I guess we'll just have to let it go. 

**UPDATE** actually I just discovered that when in QUICK VIEW on a shop page there are forward/back arrows to the far left and right of the window to allow one to move through products that way. Interesting!