sjcwallprints

Great - thank you. That works!

On 5/13/2021 at 5:11 PM, tuanphan said:

Add this new code to Design > Custom CSS

/* Show category nav links */
div.nested-category-tree-wrapper {
    display: flex !important;
    float: none !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
}
section.products.collection-content-wrapper.products-list {
    flex-direction: column !important;
    display: flex;
}
.nested-category-tree-wrapper>ul {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nested-category-tree-wrapper>ul li {
    margin-left: 2vw;
}
nav.nested-category-breadcrumb {
    display: none !important;
}
ul.nested-category-children {
    display: none !important;
}
li.category-item:first-child a {
    padding-bottom: 0 !important;
}

I applied this code into my site, but you can see on mobile that the categories go onto multiple lines when viewing on mobile. Is there anyway to fix this so it's all on one line and you can drag across the screen or some other option?

https://stephenchowphotography.com/shop/taxis-trams

I have created a new custom form for the customer to choose some product options. I need to enable the form for all my products. Is there a way to mass update my products to enable the form? I couldn't find the column in the product export spreadsheet.

So it seems the problem is that the image file was larger than 8 MB. I don't know why the problem has only shown up now - they've been interfacing to Facebook for months!

Site URL: https://stephenchowphotography.com/

Some of the items interfacing to the Facebook catalogue are not showing, with the reason being invalid images. 

When I click on the image link of the item in facebook, the link seems strange for these items:

Invalid item image link: https://external.fhkg3-2.fna.fbcdn.net/safe_image.php?d=AQGaA7VSDIAdGJGI&url=https%3A%2F%2Fimages.squarespace-cdn.com%2Fcontent%2Fv1%2F5fd2ec1efed4e01eff0fe5a6%2F1624535439032-F0U94HH16XQ4PBQ7JVD9%2FBuses%2Bthb.png&ccb=3-5&_nc_hash=AQFNX9quMm162Uhv

Corresponding squarespace product: https://stephenchowphotography.com/shop/p/bus-stop

Successful item image link: https://scontent.fhkg3-2.fna.fbcdn.net/v/t45.5328-4/191816714_6004038392941404_1099493297100505346_n.jpg?_nc_cat=101&ccb=1-3&_nc_sid=c48759&_nc_ohc=acatmh51cc8AX_rQ4EC&_nc_ht=scontent.fhkg3-2.fna&oh=2a42bf5956bd58a6eeabd0bda588bdb5&oe=60DE2477

Corresponding squarespace product: https://stephenchowphotography.com/shop/p/sandwiched

Facebook error message is attached.

This is only happening for 11 items out of 59. And these items had previously interfaced to facebook successfully. Does anyone know how to fix this?

Did it have to be a square? Do you mind sharing what dimensions work for you?

My alignment problem isn’t as bad as the others but you can see it still. It would be good if it could scroll like in the original template. 
 

https://stephenchowphotography.com/shop

That worked. Thank you!

9 minutes ago, tuanphan said:

Try adding to Design > Custom CSS

/* product image mobile cropt */
@media screen and (max-width:767px) {
.gallery-lightbox-item img {
    position: relative;
    object-fit: initial !important;
}
}

 

Unfortunately this didn’t work well. It squeezed the photo to fit instead:

4 minutes ago, tuanphan said:

Hi. Do you still need help?

Yes I do please!

On 8/30/2020 at 5:29 PM, tuanphan said:

I see this CSS in above site

@media screen and (max-width: 767px) {
    .tweak-product-basic-item-gallery-aspect-ratio-11-square .ProductItem-gallery-slides:before {
        padding-bottom:0
    }

    .ProductItem-gallery-slides-item {
        position: static;
        height: auto;
        overflow: initial
    }

    .ProductItem-gallery-slides-item.selected .ProductItem-gallery-slides-item-image {
        left: 0 !important;
        top: 0 !important;
        width: auto !important;
        height: auto !important;
        max-width: 100%
    }
}

 

I am having the same problem, but this CSS didn't help. Any ideas?

 https://stephenchowphotography.com/shop/p/choi-hung
 

I am also having this problem. Any tips on how to always show all categories at the top of the page?

https://maroon-viola-rzmk.squarespace.com/shop
 

password: getty