Jackie123

I'm working on a site that sells flower subscription products.   The goal is to be able to offer bi weekly deliveries for 4 weeks, 8 weeks, or 12 weeks.  Currently I can only specify one renewal date per product.  So I would have to create 4 separate products just to cover the variants for this. Is there a way to set a renewal end period that is variable?  Something that would allow the below for one product...

I'm also looking for this same solution

On 1/15/2023 at 4:38 AM, tuanphan said:

Add to Code Injection > Footer

<script>
  document.querySelector('.sqs-block-summary-v2 a').setAttribute('target', '_blank');
</script>

 

I'm not having any luck with this code.  Is there something I'm missing? https://liz-bentley-associates.squarespace.com/resources-1. password is lizbentley

I'm looking for a solution as well.  I won't be able to check your code, but following!

Following.  

9 hours ago, paul2009 said:

No, this cannot be changed because the checkout page cannot be customised using settings or code. Squarespace prioritise security, reliability, and ease of use, and this restricts the customisation that is possible in critical areas like the checkout.

Squarespace doesn’t use this forum to track limitations or feature requests so, if you'd like to raise this as a feature request, you are encouraged to contact Squarespace directly by raising a ticket through Squarespace Customer Care. 

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you @paul2009.  I will do that.  

I am trying to do some research to make sure Squarespace membership is a good fit for my client.  She has digital video series that she sells, so I think it could work.  However, on the checkout page when I click to purchase the video course says "Purchase Membership".  I want it to just say "Purchase".  Is this possible?

On 9/25/2023 at 8:58 AM, tuanphan said:

Add to Last Line in Code Injection > Footer

<script>
  $(function() {    
    $('.sold-out').parents('.summary-item').addClass('summary-sold-out');

  });
</script>
<style>
  .summary-sold-out .product-price {
    display: none !important;
}
</style>

 

Ah! Perfect thank you @tuanphan !!

Is there a way to customize the checkout page for these digital products?  Currently it says Purchase Membership, but I want it to just say Purchase.

I still can't get this to work...

https://www.janwierart.com/shop-20

I'm using Will Myers timeline plugin.  It uses blog posts which makes it super easy, but I need to create entries prior to 1970, and squarespace only has blog post publish dates available only back to 1970.  Is there a way to customize the blog post publish date to what I need?

https://orca-ocelot-3f9r.squarespace.com/timeline password cfob

I need 1965, 1967, 1968

Thank you

On 8/29/2022 at 12:18 PM, sjdeeder said:

 

I found a solution via CSS on YouTube that worked for me. Wanted to share! 

FOR SQSP 7.0:

.sqs-gallery-design-strip-slide {
padding-right:10px;
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
border-right: 1px solid #dcdcdc;
}

FOR SQSP 7.1:

.gallery-reel-item img {
padding:10px;
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
}

This still crops for me.  This works with no cropping:

.gallery-reel-item img {
  width: 90% !important;
  height: auto !important;
}

On 10/16/2020 at 3:49 AM, tuanphan said:

It's difficult to do this, it's also time consuming, so I guess no one has done this yet.
I do the same thing, write a list of CSS that are used a lot for templates (7.0 & 7.1), if you are interested I will share.

I am also interested

On 10/16/2020 at 12:26 PM, Bobblehead said:

Okay, so the issue is that categories must be assigned, as you suggested, by using the existing URL slug for that category. This is completely different than the process for adding tags in the spreadsheet, as plain text is used there. I feel like this is user unfriendly, and needlessly confusing. In any case, for clarity:

• Tags can be added in the CSV using plain text, with multiple tags requiring commas and a space between them.
• Categories can be added in the CSV, but entries must match the corresponding URL slug that must exist on the site prior to import. Each category's URL slug is available by going into your product page, clicking on a category, then clicking the gear icon to view settings. Multiple categories can be added using commas and a space between them, and using the slash (/) is not required.

I feel like this should be made more clear in the documentation. Thanks again for your assistance.

Thank you for writing the solution so completely!  Just saved me. 

When I visit the page from an incognito window it is fine. When I try to view and edit from the admin site it shows no styling or images. Any ideas?

On 10/31/2022 at 6:40 AM, tuanphan said:

You mean need to add a spacing to top?

Strange.  On my phone it jumps way down so it is almost a full iphone length off.

On 10/20/2022 at 1:26 PM, Jackie123 said:

Ahhhh you're amazing. Thank you for that.  I never would have found it.  The code works perfectly now on the redirect too.  Thank you!! 

One more thing I'm seeing is that the button does not redirect on the quick view page.  It still adds the product to the cart.  Is the functionality not there for quick view enabled or maybe I did something else wrong.

On 8/8/2022 at 7:15 AM, bangank36 said:

Do you mean it works fine on desktop but mobile?

Yes I am having the same issue.  Fine on desktop but way off on mobile.

barbaraprey.com/shop

click lithographic prints anchor link and see how far off it is on mobile only. same for books.

57 minutes ago, creedon said:

It is an issue with your site. A Javascript function window.open has been redefined from a function to HTML.

The following piece of code in a code block is causing an issue.

<script type="text/javascript">
    var date = new Date(),
    year = date.getFullYear(),
    open = '<p style="text-align: center; font-size: 80%; color: #8C857B;">',
    copy = '© ' + year + ' Rachel Altschuler Art',
    close = '</p>',
    html = open + copy + close;
    document.write(html);
 </script>

The issue is that your open variable, and others, are already defined in the global space. So you are redefining them.

<script type="text/javascript">
    const date = new Date(),
    year = date.getFullYear(),
    opn = '<p style="text-align: center; font-size: 80%; color: #8C857B;">',
    cpy = '© ' + year + ' Rachel Altschuler Art',
    cls = '</p>',
    html = opn + cpy + cls;
    document.write(html);
 </script>

I have a different approach that I've used.

<p style="text-align: center; font-size: 80%; color: #8C857B;">

  © <span id="copyright-year"></span> Rachel Altschuler Art
  
  </p>

<script>
    
  ( ( ) => {
  
    const d = new Date ( );
    
    const element = document.getElementById ( 'copyright-year' );
    
    element.textContent = d.getFullYear ( );
    
    } ) ( );
    
  </script>

Let us know how it goes.

Ahhhh you're amazing. Thank you for that.  I never would have found it.  The code works perfectly now on the redirect too.  Thank you!! 

13 hours ago, creedon said:

@jesyxng @Jackie123

I have updated my cited code in my October 30, 2020 post.

Ah thank you! I deleted and then copy pasted the new code in the shop page header, but it is still doing nothing. I'm afraid the error might be on my part this time?  Any help would be much appreciated.  My site is https://www.rachelaltschuler.com/shop-1/p/gertrude password is jackie1

I am having a similar issue. 

When I click add to cart on the product page, nothing happens at all. 

I used the updated code to install referenced in your oct 20 post, added the twcsl.js as a linked page, added the scripts to header code of the site, added scripts to header code of the shop page and updated as instructions say, and added the code block to the product page. 

I do not want replace the add to cart button, but I just want to have the add to cart button redirect to a specified url. 

My site is https://www.rachelaltschuler.com/shop-1/p/gertrude password is jackie1

On 3/29/2022 at 7:28 AM, black.marketing said:

<script> jQuery(document).ready(function($){         function no_bg_loop () {         $('video').prop('loop', false);     }     $(document).ready( no_bg_loop );     $(window).load ( no_bg_loop );     no_bg_loop();     setTimeout(function(){         jQuery('video.x-mejs.has-stack-styles').on('ended', function() {             jQuery(this)[0].pause();         });     },5000); }); </script>

This is not working on my 7.1 site.  Is this the correct solution?

I'm looking to see if I can create a website for a private member club, working around some of the member area issues.  Its on 7.1. 

I can not have them access the account panel, and there is no way to disable that. So...  Is there a way with custom coding to display certain info if page password is entered?

For example, if the page password is entered, display certain hyperlinks.  I want to display a fake menu (I'll use anchor links) if a user has entered the password for a password protected page.   

On 4/6/2021 at 3:28 PM, creedon said:

I have updated my code post.

Let us know how it goes.

worked like a charm. thank you!

Thank you and... So strange.  I can't see it on anything I try!   

Is there a way to make it responsive btw?  I think not as it has to be done in originating site correct?