sruss76

Actually add the opacity BELOW the line order:2

@RCL87 - i copied the custom CSS @bangank36 gave and replaced order: 2 with opacity: 0.5; 
.products.collection-content-wrapper .products-flex-container .list-grid .grid-item.sold-out {
  opacity: 0.5; 
}
 
 

ohh ok, got it! i was going to ask the same question as @RCL87 but saw his/her post 🙂 thank you again!

Add opacity to this, like
opacity: 0.5;

I am not sure this will work for you, but when I use Paypal buttons, I don't actually use the codes that Paypal generates for me. I instead use the link for email (it's the second tab). What I do then is use my own graphic as buttons (or just plain text "Buy Now") and use the email link. I've been able to have more than 3 Paypal Buy Now links on a page with no problem. For Squarespace, you wouldn't need to use the code block; you can just use the Text block (if you're doing text hyperlinks) or Image block (if you have your own button graphic).

@bangank36 - That totally worked on my store...and it even alphabetized the sold out items! Thank you for that! Is there a custom CSS that will allow customers to see products listed in alphabetical order as well?

Feel free to try my solution if it fit, Copy to Settings->Design->Custom css,
.products.collection-content-wrapper .products-flex-container .list-grid .grid-item.sold-out { order: 2 } .products.collection-content-wrapper .products-flex-container .list-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; } @media only screen and (max-width: 768px) { .products.collection-content-wrapper .products-flex-container .list-grid { grid-template-columns: 1fr; } .products.collection-content-wrapper .products-flex-container .list-grid .grid-item { width: 100%; } } .products.collection-content-wrapper .products-flex-container .list-grid .grid-item { width: 80%; }

@robertwyatt - I have a couple of posts about this because it's an IMPORTANT feature to have on an e-commerce store, especially when they just rolled out the new product pages that can hold 10,000 products! I wasted half an hour the other day trying to drag products on a product page that had 150+ products and it was ridiculous! It's unbelievable that this essential feature is missing. I have already asked for this feature to be added but the SQSP support person said no promises that this would be added. I asked in my other post if there is a script that can be injected that would automatically sort products. Hopefully a SQSP expert will respond.

@paul2009 - I don't expect perfection. I have been doing business online since 2000 and have plenty of experience using a variety of e-commerce platforms. So I have a pretty good idea of what features are essential and should come built-in at a price point and what features are acceptable as extensions (and therefore I can expect to pay). If I had come across your list of missing e-commerce features on Squarespace back in May, I would have gone with Shopify instead.
But back in May, the 2 glaring features (for me) that were missing with the Advanced Commerce were: the ability to create orders manually and the ability to manually create gift cards. In fact, while I was on the trial period, I went back and forth with customer care about these 2 missing features and asked why they weren't just there.
Then there is the missing wishlist feature -- I found out that if I wanted to have a wishlist, then I can't have a shopping cart. It has to be one or the other. Shopify and my old e-commerce platform (heck, most other platforms out there) have a built-in wishlist to help make customers' shopping easier. (Plus being in the industry/market that I'm in, I used to run promotions wherein my customers would submit their wishlist links and they get to win products from their wishlist.)
Then there's the crippled subscription feature. Why would there not be a way for me to manage subscriptions and see all the subscriptions I currently have? (As a workaround, I have decided to go with MoonClerk because at least I'll be able to manage subscriptions and even let my subscribers manage theirs.)
Then there's the fact you can't edit orders. In my previous e-commerce platform, I was able to remove/add products on an order and add extra payments made by the customer (if it warrants it). If a customer couldn't check out easily online, I would give them another way to pay (check, money order) and then I would manually create an order for them with payment pending -- that when I receive their payment and it clears, I can go in and change the status of their order from payment pending to pending shipping.
Also, you can't message customers from within the Squarespace admin, something I was able to do in my old platform. If I needed to refund a customer, I would go in her order, refund the amount, and then include a message for her. If she has an account, she would login, find her order number, and then respond from there. In Squarespace, there's no way for me to do that. If I needed to refund a customer, I'd go ahead and do it and then go to my email client, find her order #, copy her email address and start a new email to let her know what the refund is for. (I had recently made a request to customer care if they can add a memo field -- even for just 25 or 30 characters -- in the refund box so the customer knows what the refund is for.)
I can list some more but I'll stop here.
At my old platform, the cost for all the above features (and more -- I can go on) is only like $3 more than what the Advanced Commerce costs. But again, the folks over there have stopped developing and/or have lost interest in making further improvements and while everything is still working over there and they still have many existing users, I feel it is only a matter of time until they stop offering the service and tell store owners to find another platform to sell. I had a long talk with their customer service too and she was upfront with me -- and that's actually what prompted me to start moving to a new platform. I was testing 3 at the same time: 3dcart, Shopify, and Squarespace.

@bedeclarke - I agree that the current system is a deal breaker for anyone who has a lot of products. I honestly feel duped when I signed up back in May (and they had a 200 product limit per shop page) because I am now discovering a TON of basic/essential e-commerce features that are missing on the supposedly premium Advanced Commerce plan Squarespace offers. Its Advanced Commerce plan is basically CRIPPLED. And honestly, I think it's just plain ridiculous to shell out $300-$800 for a Squarespace expert to code something that should already come with the Advanced Commerce plan -- whether it's a new version or not! -- and then have me take all the risk of that custom code breaking down the line when Squarespace decides to do another major upgrade.
I would have gone with Shopify if I had enough time to evaluate and discover features, but I was coming from another e-commerce platform, AuctivaCommerce, whose owners/developers have apparently abandoned and stopped developing -- a shame because I was with them since 2014 and they had the very best features IMO (they just didn't seem interested in developing it further or continuing with it and my store has outgrown it) -- and I needed to move as soon as possible. Right now, I'm stuck with Squarespace and have managed to get my store to work how I need it to work. But it's looking that I will have to move my store to Shopify later on.

@paul2009 - I don't expect perfection. I have been doing business online since 2000 and have plenty of experience using a variety of e-commerce platforms. So I have a pretty good idea of what features are essential and should come built-in at a price point and what features are acceptable as extensions (and therefore I can expect to pay). If I had come across your list of missing e-commerce features on Squarespace back in May, I would have gone with Shopify instead.
But back in May, the 2 glaring features (for me) that were missing with the Advanced Commerce were: the ability to create orders manually and the ability to manually create gift cards. In fact, while I was on the trial period, I went back and forth with customer care about these 2 missing features and asked why they weren't just there.
Then there is the missing wishlist feature -- I found out that if I wanted to have a wishlist, then I can't have a shopping cart. It has to be one or the other. Shopify and my old e-commerce platform (heck, most other platforms out there) have a built-in wishlist to help make customers' shopping easier. (Plus being in the industry/market that I'm in, I used to run promotions wherein my customers would submit their wishlist links and they get to win products from their wishlist.)
Then there's the crippled subscription feature. Why would there not be a way for me to manage subscriptions and see all the subscriptions I currently have? (As a workaround, I have decided to go with MoonClerk because at least I'll be able to manage subscriptions and even let my subscribers manage theirs.)
Then there's the fact you can't edit orders. In my previous e-commerce platform, I was able to remove/add products on an order and add extra payments made by the customer (if it warrants it). If a customer couldn't check out easily online, I would give them another way to pay (check, money order) and then I would manually create an order for them with payment pending -- that when I receive their payment and it clears, I can go in and change the status of their order from payment pending to pending shipping.
Also, you can't message customers from within the Squarespace admin, something I was able to do in my old platform. If I needed to refund a customer, I would go in her order, refund the amount, and then include a message for her. If she has an account, she would login, find her order number, and then respond from there. In Squarespace, there's no way for me to do that. If I needed to refund a customer, I'd go ahead and do it and then go to my email client, find her order #, copy her email address and start a new email to let her know what the refund is for. (I had recently made a request to customer care if they can add a memo field -- even for just 25 or 30 characters -- in the refund box so the customer knows what the refund is for.)
I can list some more but I'll stop here.
At my old platform, the cost for all the above features (and more -- I can go on) is only like $3 more than what the Advanced Commerce costs. But again, the folks over there have stopped developing and/or have lost interest in making further improvements and while everything is still working over there and they still have many existing users, I feel it is only a matter of time until they stop offering the service and tell store owners to find another platform to sell. I had a long talk with their customer service too and she was upfront with me -- and that's actually what prompted me to start moving to a new platform. I was testing 3 at the same time: 3dcart, Shopify, and Squarespace.

I have made several calls requesting more efficient organizing of products in catagories. Right now I was informed SS has set it up so that products need to be manually organized in thee different areas from most specific sub-category, catagories and  "All".  It is quite insane!
The answer it seems is to have the organize individual products in sub categories, move entire sub-categories within catagories (drag and drop) and then have this organization reflected in "All".
The current system is a deal breaker for anyone who has to move a lot of individual products.  I would never have started on SS had I know that organization would be so stupid and convoluted.

It's unbelievable how a simple feature such as automatic product sorting is missing in the Advanced Commerce plan. If a product page can hold up to 10,000 products, how are we supposed to get our products sorted alphabetically without wasting hours dragging products to the right places?!?!?!? I have a product page with 153 products. I added 30 products to it and they all got dumped towards the end of the list. I just wasted half an hour trying to drag each to the right place so they'd be alphabetical BUT the products are not getting put on the right place! Even products I wasn't dragging get moved in the list. The only thing that works is Move to Top and Move to Bottom. But when you try to drag a product, it just jumps all over the place. I am so frustrated that there is no automatic sorting. This is such a basic feature when you are dealing with hundreds of products and yet it is nowhere to be found in the product pages!
Is there a script that can be injected in the product pages that would automatically sort products alphabetically?

Yes it's very annoying, it's like the new email build system has been put in place, but this hang-over hasn't been considered.

I can't see a way to edit that part out. For physical products, the default is "Once your package ships we will send you a notification email." I wish I could edit that part out, since I have a custom message that goes before all that. I also wish I have the option to turn off the thumbnails in the list of products ordered. It's superfluous.

Well, that took longer than I thought. Story of my coding life! ;)
Anyway, here’s a bare bones solution, that you will need to style up to your own satisfaction. I’ve implemented a dummy FAQ temporarily on my free trial site that I am building and you can see it here for a few more days before I delete it: http://bernard-west.squarespace.com/faq/
Alright, firstly, don’t delete your current FAQ/product pages. Do this on a new page to make sure it works first.
Next add a new “page” to your site.
Click the plus symbol to add a new block to your page. Select “code”.
Paste this HTML code into the popup box (with your own questions and answers - replace “Question 1” etc with your own questions/products, replace “Here is answer 1…” etc with your own answers/descriptions):
<div class="questionBlock"> <span class="question" id="Q1" onclick="expand('A1')"><h2><img id="clickIcon" src='https://static.squarespace.com/static/53453ebbe4b0d46770eb7505/t/534e267fe4b06702647aabd8/1397630592016/arrow-right.png?format=300w'> Question 1</h2></span> <span class="answer" id="A1"><p>Here is answer 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></span> </div> <div class="questionBlock"> <span class="question" id="Q2" onclick="expand('A2')"><h2><img id="clickIcon" src='https://static.squarespace.com/static/53453ebbe4b0d46770eb7505/t/534e267fe4b06702647aabd8/1397630592016/arrow-right.png?format=300w'> Question 2</h2></span> <span class="answer" id="A2"><p>Here is answer 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></span> </div> <div class="questionBlock"> <span class="question" id="Q3" onclick="expand('A3')"><h2><img id="clickIcon" src='https://static.squarespace.com/static/53453ebbe4b0d46770eb7505/t/534e267fe4b06702647aabd8/1397630592016/arrow-right.png?format=300w'> Question 3</h2></span> <span class="answer" id="A3"><p>Here is answer 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></span> </div>
You will also need to change the image source for the little arrow that I randomly selected off the net. That is, this bit here:
<img id="clickIcon" src='https://static.squarespace.com/static/53453ebbe4b0d46770eb7505/t/534e267fe4b06702647aabd8/1397630592016/arrow-right.png?format=300w'>
Change the link between the single quotes to your own preferred image (if you even want to use an image. If you don’t want an image, just delete the above image tag wherever it occurs in your HTML.
Save that then click the settings button on the left hand menu and then click “code injection”. This is where you’ll put the JavaScript. Put the following JavaScript code into the “Footer” section:
<script> var arrState=[]; (function() { var arrAnswerBlocks=document.getElementsByClassName('answer'); for (var i=0;i<arrAnswerBlocks.length;i++) { var element = arrAnswerBlocks[i]; var state = {id:(element.id), collapsed:true}; arrState.push(state); } })(); function expand(id) { var state={}; var answerBlock=document.getElementById(id); for (var n=0;n<arrState.length;n++) { state=arrState[n]; if (state.id==id) { if (state.collapsed) { answerBlock.style.display="block"; state.collapsed=false; } else { answerBlock.style.display="none"; state.collapsed=true; } //end if }//end if }// end for } </script>
If anyone wants an explanation of what the JavaScript is doing, let me know.
The last step is to put in your CSS styling. Click the “a” on the left menu to go back to editing your new page. Click the “Settings” button in the top right of the page and then click “Advanced” and enter the following CSS into the code box:
<style> .question { cursor:pointer; color:black; } .answer { display:none; color:#606060; } .questionBlock { padding:2px; } #clickIcon { width:0.8em; height:auto; position:relative; top:2px; } </style>
This is the code you want to adjust to get your styling right. You can change colours and fonts and spacings etc here.
One strange thing I noticed while doing this is that the preview of the site while you are logged in doesn’t match the actual live site. I think it’s some sort of clash between the style editor and the custom CSS that we entered. If you have another browser type, access your site as a visitor (i.e. not logged in) via it and you can refresh it and see the live view as you make changes while logged in on the other browser.
Go for it! :)