Jump to content

birdmade

Circle Member
  • Posts

    38
  • Joined

  • Last visited

Posts posted by birdmade

  1. Squarespace is at version 7.1. Yet, this seemingly standard functionality is still suspiciously missing from the gui. That's a lot of 747's, my friends. I love this platform for SO many reasons. But candidly, if you want to be considered one of the best site builders out there, not having "Image Library" in the Design sidebar is like leaving the cheese off a cheeseburger. You can do it, but why the heck would you?! Hot tip: We all want/need this feature... like, yesterday. 🙂

  2. It's unfortunate there is no way to add product ordering limits . For those of us with a diverse product line, this is a big problem. Having a limit on certain products protects us from unintended shipping fee woes.

    Say we offer "free shipping" for orders over a certain amount, like $75. If someone wanted to order a large number of a product with a high shipping cost (like a framed print), they could leave us footing a very big shipping bill that could greatly undermine or even erase our profits.

    We need a way to cap products like this at a certain number. This will prevent such a scenario from happening. Right now it doesn't exist and we're exposed.

    Having this option available on each individual product/item in our store (which defaults to "unlimited"), gives us much needed flexibility, security, and piece of mind.

  3. Problem: Editing things like text color across each color theme can take forever. It takes forever, you miss some, it's not efficient.

    Solution: Create a "Super Styles" section near the top of each theme (before detailed ones), to edit multiple elements at the same time.

    Say you want all the text that's currently orange to go to blue. In a "Super Style" block called "Text", it can display however many text colors you have going on. Then, you can group change those to the color you want. Boom, you're cranking!

    The scope of this could be substantial, being applicable to other areas of the Squarespace site editor. Food for thought.

    🙂

  4. Problem: The Style Editor's "Color" panel options are a mile long, making it hard to find and access specific elements for editing.

    Solution: Collapse all the sub-categories by default. Then you'll quickly see the one(s) you want to expand and edit — at the same time.

    Doing this allows us to find what we're looking for much more quickly.

    Bonus points for adding an "Expand/Collapse All" toggle button at the top of the panel.

    Also consider creating collapsible Parent categories for related sub-categories (like BLOG: _____, BLOG: _____, etc.).

    In this example, these can all go in one Parent cat called "BLOG". Expanded, that Parent cat displays its collapsed children.

    And doing this make's it way easier for us to select and expand (and collapse) we're looking for.

    An "Expand/Collapse All" button would help at the Parent level as well. Same rules apply.

    Lastly, this concept could be applied to other Style Editor panels, depending on the need. It's all about speed and avoiding choice overload.

    🙂

  5. Hey Simon - 

    This is a major ux flaw and oversight. Really, it should be a clean, simple and intuitive dropdown like every other worthy ecommerce site out there. I'm hoping Squarespace addresses this sooner than later; The user currently has no cues that there are other "hidden" categories there. They don't know what they don't know, and that's not a good thing for sales conversion! 

    To make the Product Detail page sub-nav more palatable for now, I ended up creating some custom CSS to get around (aka band-aid) the problem. My CSS centers, tightens up, and displays ALL visible product sub-categories.

    I also disabled the sticky factor. This makes no sense to have it floating over an already busy and limited-sized viewport. If anything, SQS should just add a small sticky "back to top" arrow button in bottom right. Then again, they still haven't figured out how to slide up and down the page via anchor tags in 7.1. 😕

    I do want to say that I love 7.1 for it's incredible potential. It's still early days with their ecomm platform. The latest update was a big leap forward. But, it still has a ways to go to really compete with the likes of Shopify. The reason I'm not Shopify is because it feels old, hard, and boxed-in. Too many options, loss of plug-in support, tired and inflexible templates, etc.

    Squarespace sites are nimble by design and always evolving. They feel more 'alive.' Squarespace allows me way more flexibility to create unique and focused pages in any arrangement I choose with speed and relative ease vs Shopify's canned templates that are nice out of the gate but don't evolve well. Sites get tired fast. So it's all about flexibility, ease of use, and timing.

    Give me curated best-of-breed 3rd party options (and enough of them), not every available option that I have to sift through and hope work out (Shopify). 

    Squarespace, unlike Wix (or Shopify obvi), truly allows me to design and generate content at the speed of thought. Wix is ok for basic stuff. But it's nowhere near as 'deep' as Squarespace.

    I'm ok with adding some custom CSS while waiting for SQS engineers to add more and better ecommerce features. Because each time they do, this platform shows it has the best of both worlds. Hence why I'm staying with it vs using a boxed-in 'Kitchen Sink' platforms like Shopify or 'more sizzle than steak' platforms like Wix.  Had to get that out. For the record I have zero affiliation with Squarespace. I just like the platform a lot. 🙂

    Anyway, try pasting the CSS below into your custom CSS. It may be what you're looking for. NOTE: you may want to remove or disable certain styles depending on your layout. If nothing else, it gives you the idea of what can be done to improve the user experience a bit while Squarespace comes up with a way better solution than it has now. Hope it helps!

    * ////// SHOP SUB-CAT NAV STYLES & MODS ////// */
    
    /* On mobile, Style mobile Shop Page breadcrumb nav */
    @media screen and (max-width: 575px) {
      .products.collection-content-wrapper .nested-category-breadcrumb {
        text-transform: uppercase;
        opacity: 1;
        }
    }
    /* on mobile, hide product page "browsing..." header title */
    @media screen and (max-width: 575px) {
    #block-yui_3_17_2_1_1615177143698_1518 {
        display: none;
        visibility: hidden;
    }}
    /* on mobile, center product cat title */
    @media screen and (max-width: 575px) {
    .products.collection-content-wrapper .nested-category-title {
        text-align: center; /* was: left */
        padding-top: 20px;
    }}
    /* on mobile, center product sub-cat title */
    @media screen and (max-width: 575px) {
    .tweak-products-category-title .products.collection-content-wrapper .nested-category-title.nested-category-title-padding {
        padding-bottom: 30px; /* was: 54 */
        margin-bottom: 0px; /* was: 37 */
        position: relative;
        display: inherit; /* was: flex */
        flex-direction: row;
    }}
    
    /* on mobile, adjust product sub-cat nav */
    @media screen and (max-width: 575px) {
    .products.collection-content-wrapper .nested-category-children {
        padding-top: 15px; /* was: 44 */
        padding-bottom: 30px;
        margin-bottom: 0;
        flex-wrap: wrap; /* was: nowrap */
        overflow-x: scroll;
        justify-content: center; /* was: start */
    }}

     

  6. On 8/4/2020 at 6:01 PM, rwp said:

    Sorry I missed this.

    If you are on 7.1, head to my webpage (link below).

    Click the code pen link and the code is "Product Cat to Dropdown"

    Follow the directions in my signature to set up the jquery scripts, and you can put the code in the shops page code injection. Let me know if it gives you any issues.

    This isn't a turnkey solution usually, it takes some tweaking for each website. Special characters in the categories also need attention.

    You will also need to use CSS to style the drop down, and locate it, as well as show/hide it, and the original menu, on desktop/mobile.

    rwp,

    First off, this is a MUST HAVE. The horizontal Cat scroll is a ux nightmare.

    I tried exactly what you laid out. Tested on mobile. Unfortunately, no effect. 

    - Added Jquery to global header
    - Added your JS script to global header

    To be clear, I am supposed to put the Jquery in the header code injection area, correct? And same with your script?

    I made sure to add <script>and</script> tags

    See attached screenshot to confirm.

    Any further guidance would be very much appreciated.

    007.png

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.