Flutes_Flutists

2 hours ago, paul2009 said:

This will happen if you were using Custom CSS to adjust the relative position of elements on the Product Detail Page (PDP). Try removing the Custom CSS (save it somewhere safe) to see if this resolves the issue.

Squarespace changed their PDP code this week (w/c 29 May) and this is affecting Custom CSS which must be rewritten.

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

Thank you! I didn't find the culprit in my Custom CSS but after removing and putting back a few codes in the Code Injection (Header field), I was able to find what caused it. I have no idea what that code did but it doesn't seem to have broken anything.

Is there a way to bring the price and the "add to cart" button next to each other? Right now, you'd see the price, then have to scroll down to choose the options, then scroll back up to see the updated price.

I recently noticed that on our website, the variant dropdown menu(s) have been moved below the product Description field, so it's very far away from the Quantity field and Add to Cart button. This can make it confusing for people who don't realise there are other options available. See below:

Whereas when I'm editing the design, I can see that the variant options are where they should be:

But as soon as I save it, the variant menus move to the bottom again. Does anyone know how I can fix this?

On 8/5/2021 at 3:42 PM, tuanphan said:

Try this new code

@media screen and (max-width:767px) {
.ProductItem-gallery-scroll {
    display: block !important;
}
figure.ProductItem-gallery {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
}
figure.ProductItem-gallery>div {
    width: 100% !important;
}
.ProductItem-gallery-thumbnails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
}

 

Sorry I never replied. This worked perfectly. Thanks again!

On 9/25/2020 at 8:06 AM, tuanphan said:

Hi. What is access password?

Here is a product page: https://raccoon-radish-ytrb.squarespace.com/store/p/eastman-efl214

Passcode is flutesandflutists

This code is currently in my CSS and as you can see, it's not having any effect.

@media screen and (max-width:767px) {
.ProductItem-gallery-thumbnails {
    display: flex;
}
.ProductItem-gallery {
    flex-direction: column-reverse;
}
.ProductItem-gallery-slides {
    width: 100%;
}
}

On 3/27/2020 at 7:24 PM, tuanphan said:

Add to Home > design > Custom CSS.

This code will show thumbnails on mobile.

@media screen and (max-width:767px) {
.ProductItem-gallery-thumbnails {
    display: flex;
}
.ProductItem-gallery {
    flex-direction: column-reverse;
}
.ProductItem-gallery-slides {
    width: 100%;
}
}

 

Hi @tuanphan, I tried using this code but I'm noticing any changes at all. Do you know why this might be? My site is https://raccoon-radish-ytrb.squarespace.com/ and password is: flutesandflutists

4 hours ago, TDavy said:

Hi @HRawson, banner videos on squarespace don't play on mobile and tablet:( Ever.
It's not to do with the plugin I used.

Hi @TDavy, I've since discovered that if you use a Vimeo link, then the video does play on mobile devices. The Vimeo account needs to be a paid account though, but the basic Plus account is already enough.

23 hours ago, tuanphan said:

Don't remove any code. Add this code

nav.header-nav-list {
    justify-content: flex-end !important;
    display: flex;
}

 

That worked perfectly, thank you so much!

On 10/7/2020 at 6:51 PM, tuanphan said:

Add to Home > Design > Custom CSS

.header-nav {
    width: 90% !important;
    flex: 1 1 90% !important;
}

 

I tried this code and it got rid of the second line in the header on smaller screens (such as an iPad Pro 12.9) but it also pulled all the menu buttons to the left (they shoudl ideally be in the middle). I tried some of the other codes to get them back to the middle but then they knocked the buttons on the right out of the screen. Do you have any suggestions?

Site is https://raccoon-radish-ytrb.squarespace.com/ Passcode is flutesandflutists

On 6/22/2020 at 10:15 PM, TDavy said:

Hey @HRawson I did ! There was a little customise button in there. See how it turned out here: www.insideoutrealestatestyling.com.
How did you go?

That's a great looking website! I noticed though that on mobile devices including my iPhone and iPad, the video doesn't load. Is this a limitation of the plugin? Does it only work on desktops?

16 minutes ago, tuanphan said:

See this, only $10. https://www.will-myers.com/products/p/video-element

You can use this plugin, then if you want to make it fullbleed, just share url, we will give the code

Thank you for sharing that, looks like exactly what I was looking for. I notice that they say you can mute the video. Can I assume that you can also unmute the video or make the page load with video unmuted by default?