Jump to content

sarah_cowan

Circle Member
 View Profile  See their activity

  • Posts

    29

  • Joined

  • Last visited

 Content Type 

Posts posted by sarah_cowan

    Universal Filter Plugin No Longer Works?

    in Other

    Posted

    Thank you all for your super speedy replies! It's good to know if was still working for others if not for me/BT users. 

    @paul2009 Bizarrely this was the issue! Both me and my client use BT as our provider in the UK. As soon as I replaced "assets" with "plugins" in the header code injection the filters all appeared again. Very strange, but so relieved this is working now. Thank you so much!

    I also sent a to Squarespace as well requesting the product filters as a feature for commerce websites. Have been asking for this for years, but hopefully one day we'll get them.

    Universal Filter Plugin No Longer Works?

    in Other

    Posted · Edited by sarah_cowan

    Is anyone using the Universal Filter Plugin from Square Websites finding their code no longer works since the last Squarespace update, and the product filters have completely  vanished and been replaced with Squarespaces clunky product categories? I've tried removing and re-adding the code again but nothing is showing/working. This is occurring on both 7.0 and 7.1 websites.

    Websites it has stopped working on:
    https://www.giveadamngift.com/shop/
    https://manorbarnorganics.com/shop

    It's so disappointing that we've been screaming out for filters (price asc/des, newest, search bars etc) for commerce pages for years, and even paying for plugins like this, only for Squarespace to break them and still refuse to bring in these features.

    Any help or feedback would be gratefully received. My clients are rightfully not happy (and right in the at the beginning of the Christmas sales period), so if anyone can suggest alternatives that still work too that would be amazing.

    Issue with shopping basket/bag icon in nav bar

    in Customize with code

    Posted

    1 hour ago, tuanphan said:

    Add this to Design > Custom CSS 

    /* resize user icon on mobile */
.header-menu-nav-folder-content .user-accounts-text-link {
    background-position: center;
    background-size: 40px;
}

     

    Thanks so much Tuanphan! 🙂 That's a much better size, but is there a way to move it so it sits alongside the shopping back in the top right?

    Untitled-2.png

    Issue with shopping basket/bag icon in nav bar

    in Customize with code

    Posted

    2 hours ago, iamdavehart said:

    you won't find "content:f290" because that is from font-awesome (an icon font). you've inserted a custom script to add a font-awesome icon. the script looks like this, and there will be a font-awesome link/script tag as well probably 

    <script>
  $(".Cart-inner").append("<i class='fa fa-shopping-bag' aria-hidden='true'></i>");
</script>

    It will probably be in your site-wide code injection. The location of the script in your sites source is consistent with where squarespace puts site-wide injected footer code.

    Go to settings > advanced > code injection

    Amazing, thank you so much Dave! It was driving me bonkers trying to find where it was, but if it was a font that will be why. Managed to get it sorted now, thanks again for your help 🙂

    Issue with shopping basket/bag icon in nav bar

    in Customize with code

    Posted

    15 minutes ago, Ziggy said:

    Somewhere in your CSS you have this:

    .fa-shopping-bag:before {
        content: "\f290";
    }

    Hi Ziggy, thanks for responding to this so quickly.

    Is there a way of locating where this piece of CSS is? Have searched all custom fields and the only thing I can find is:

    i.fa.fa-shopping-bag {
        font-size: 22px;
    }

    but when I delete this the black bag icon remains but shrinks in size. I can't locate the content: "content:f290"; part anywhere..

    Issue with shopping basket/bag icon in nav bar

    in Customize with code

    Posted

    I'm currently having an issue with my client's nav bar. Years ago when I set up their website, I must have added some custom css to display a shopping bag instead of a shopping cart in the top right of the nav bar. Now that there are multiple shopping cart/bag icons available to choose from on Squarespace I want to use a different default one from Squarespace. However when I select this and delete all the custom CSS from the custom CSS field, the old black bag icon still remains, so there are two bag icons. I've searched the Custom CSS fields, custom files folder, code injection fields, and page header code injection fields and cannot find where this icon is coming from. 

    Any help would be great appreciated, thank you in advance.

     

    GADG nav.png

    Customising Customer Accounts icon in nav bar (7.1)

    in Customize with code

    Posted · Edited by sarah_cowan

    8 hours ago, tuanphan said:

    #1. Icon is an image. You can't change it to custom color with code. You will need to download image to your pc, change its color with PTS, AI...then upload it to your site, then get image url, then add to this line 

    background-image: url(enter new image url here, see how to upload image & get image url: https://beaverhero.com/squarespace-how-to/#How_to_Upload_an_Image_Get_its_URL);

    #2. Add to Design > Custom CSS 

    /* Login icon on mobile */
@media screen and (max-width:767px) {
.user-accounts-text-link {
    filter: invert(0);
    background-position: center;
}
}

     

    Hi @tuanphan thanks for getting back to me so quickly.

    I've inserted the new image following your helpful instructions, thanks 🙂

    I'm having some trouble with the code for adding the customer account login icon into the mobile navigation bar. It's placing the account login icon in the mobile menu and not in the navigation bar. Please see the images attached of where this currently is and where I want it to go (essentially where Squarespace 7.0 used to place the icons in the mobile nav).
    Please can you help?

     



     

     

    Screenshot 2022-03-14 at 11.25.20.png

    Screenshot 2022-03-14 at 11.27.28.png

    Customising Customer Accounts icon in nav bar (7.1)

    in Customize with code

    Posted · Edited by sarah_cowan
    duplicate text

    Site URL: https://www.giveadamngift.com/home

     

    Hi, another Squarespace user here frustrated at not being able to customise the customer nav bar icon in 7.1 like we could for 7.0!

    I found info in this previous post here about changing the 'login' text in the nav bar to an svg icon, and added the code below.

    I'm currently trying to change the colour of this from white to #4c7bb2 and make it so the customer icon also appears in mobile view.


    Can anyone please help?

      

    /* Login text to icon */
.user-accounts-text-link span {
    color: transparent;
}

.user-accounts-text-link {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMi01LjM3My0xMi0xMi0xMnptNy43NTMgMTguMzA1Yy0uMjYxLS41ODYtLjc4OS0uOTkxLTEuODcxLTEuMjQxLTIuMjkzLS41MjktNC40MjgtLjk5My0zLjM5My0yLjk0NSAzLjE0NS01Ljk0Mi44MzMtOS4xMTktMi40ODktOS4xMTktMy4zODggMC01LjY0NCAzLjI5OS0yLjQ4OSA5LjExOSAxLjA2NiAxLjk2NC0xLjE0OCAyLjQyNy0zLjM5MyAyLjk0NS0xLjA4NC4yNS0xLjYwOC42NTgtMS44NjcgMS4yNDYtMS40MDUtMS43MjMtMi4yNTEtMy45MTktMi4yNTEtNi4zMSAwLTUuNTE0IDQuNDg2LTEwIDEwLTEwczEwIDQuNDg2IDEwIDEwYzAgMi4zODktLjg0NSA0LjU4My0yLjI0NyA2LjMwNXoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    filter: invert(1);
}

     

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources