Jump to content

justin.mabee

Circle Member
  • Posts

    179
  • Joined

  • Last visited

  • Days Won

    1

Community Answers

  1. justin.mabee's post in Seeking Clarification and Assistance: Password Protecting Squarespace Pages for Organization Members was marked as the answer   
    Hi there!
    First off, you're not alone in this. I have clients all the time trying to figure this stuff out, and it's not always clear what path should be taken. So kudos to you for reaching out for help!
    1 - It is not necessary to set up a member site and paywall in order to password protect pages. You can simply password-protect the individual page(s) on your site, and then give those passwords for those pages to your members. This is done in the settings (gear icon) of each individual page you want to protect.
    2 - See above
    3 - The unfortunate part with this password protection solution is that you have no way of preventing your members from sharing the password(s) with non-members. And, you cannot track who is on the site to prevent non-members from accessing protected content.
    So with the above in mind, you would think that a member site and paywall in Squarespace would suffice, correct?
    Unfortunately, if you make the member site/paywall free, anyone with the link to the login/create account page can create a free account. You're unable to approve members with member sites.
    So what do we do?
    Some options -- 
    You could password protect the page where your members go to sign up for free to access their member portal. This is a bit more secure, but you're still subject to members sharing the password for the page to non-members. You could try a different service, like Memberspace, to protect your member content, making a free plan, but set it up where you have to approve each member. While Squarespace's member sites don't allow for manual approval of each new member, Memberspace does. Using this method, if a non-member tries to create an account, you can remove their request because you have to approve all members. I've set up Memberspace for a lot of clients before, so I can help you implement it if you'd like. I think the second option is going to be the most secure for you.
    Let me know if you have additional questions!
  2. justin.mabee's post in Help listing a physical item for sale. was marked as the answer   
    I would add the weight of the item to the product, and then in shipping you can determine the length, width, and height of the box. That should be enough. With the overcharging thing, if you are on advanced commerce there should be an option for it to decide based on their cart checkout how many boxes it can be shipped in, based on the weight, length, width, and height combined.
  3. justin.mabee's post in CSS code for variant labels on Product Blocks was marked as the answer   
    Hey Taylor!
    So this is a bit complicated because it's hard to specifically target just the dropdown itself, but what I was able to do was target the item itself. 
    I've included the code for the product page itself, and then for the product block (which is what you have a screenshot of here). This should get you there!
    .ProductItem-details .variant-select-wrapper, .ProductItem-details .product-quantity-input input { font-family: ''; } .product-block .productDetails .product-variants .variant-option { font-family: ''; }  
  4. justin.mabee's post in Form Lightbox, additional info Product was marked as the answer   
    If you click on the form block, then Design, and then Edit Form Styles, from there you can customize all of the form styles. But this may not translate to the lightbox form, so try this out. Obviously change the fonts or remove the font lines entirely if you don't need them, same with text-transforms.
    //Lightbox Form// .sqs-modal-lightbox-content .lightbox-inner .lightbox-content { background: #090b09 !important; border: 1px solid #e7e64d; } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .lightbox-close { color: #e7e64d; } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper .form-title { font-family: 'Quantify Bold'; text-transform: uppercase; color: white; } .form-wrapper .field-list .title, .form-wrapper .field-list .field .caption { font-family: 'Nexa Bold'; text-transform: uppercase; color: white !important; } .sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--primary { background-color: #e7e64d; color: black; font-family: 'Nexa Bold'; } .form-wrapper .react-form-contents .field-list .fields .description.required, .form-wrapper .react-form-contents .field-list .description.required, .form-wrapper .react-form-contents .field-list p.description, .form-wrapper .react-form-contents .field-list .caption-text:not(:empty) { font-family: 'Nexa Bold'; color: white; } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper { background-color: black; }  
  5. justin.mabee's post in Remove store overlay from store pages CSS was marked as the answer   
    Hey there! This is an easy fix. You can navigate to any of your products in the store, go to the actual product page, and then click Edit Design. Then click Edit Section. From there, you should see Product Navigation > Breadcrumbs. You can switch this to None.

  6. justin.mabee's post in Social Media Icons: Can we change them, and how? was marked as the answer   
    Hey Andrew! This is easy with a bit of custom code. I've included a couple screenshots and the code I used here. 
    What you would do is put the social links that you want in, and then navigate to Website Tools, then Custom CSS. From there, upload the files of the logo you want to use (in this case, the bluesky logo you want to use) in the color you want. Then, add this code, and notice that it says nth-of-type(3). That means it's the 3rd social link. So wherever you want the link, put it there in the order you want it. If you want it to be the first one, it would be nth-of-type(1). They just need to match in the social icons links area.
    Once you have the code in there, copy and paste the URL of the image you just uploaded to Custom CSS, and put it between the parentheses under background-image: url(_).
    Hope this helps!
    //Custom Social Icons// .sqs-svg-icon--list a:nth-of-type(3) { svg { display:none; } background-image: url(); background-size: 100%; background-repeat: no-repeat; }

  7. justin.mabee's post in Make a feed of all blogs on one page was marked as the answer   
    Hey Brian! Yes, this is possible with Summary Blocks. 
    You can create three Summary Blocks, and connect each one to a particular blog to showcase the posts from that particular blog. Alternatively, you can have one blog with categories, and then use Summary Blocks to showcase different categories of posts on the same page. Included some screenshots here on how to do it. Let me know if you have questions!



×
×
  • 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.