Jump to content

Continue Shopping Button

Recommended Posts

Hi Everyone

is there any way to add a continue shopping button in the store?

once products are selected they cant proceed and i would like to give the option to continue shopping. I have read this is limitation of the website itself?

any help would be appreciated.

thanks

 

Link to comment
  • 3 weeks later...

Hi,

If you share link to a product, we can check & give you code to add continue shopping button

Or you try adding this code to Settings > Advanced > Code Injection > Footer first

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('<a href="/shop" class="continue-shopping">Continue Shopping</a>').appendTo('.ProductItem-details .sqs-add-to-cart-button-wrapper');
	});
	</script>
	<style>
	a.continue-shopping {
    display: block;
    background-color: black;
    width: 200px;
    margin-top: 20px;
    color: white;
    font-family: brandon-grotesque;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    letter-spacing: .02em;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: normal;
    padding: .7em 1.169em;
    border-radius: 300px;
    text-align: center;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 months later...
On 9/9/2023 at 10:45 PM, ManolisV said:

hi @tuanphan!! I need to also add the continue shopping option. I did use this code but it seems broken, as it leads to 404 page.  When I click on a shop product it just leads there. Can you help me?

website:  https://fennel-opossum-bdzy.squarespace.com/config/settings/site-visibility
password: hope!1A

Replace this with your url

image.thumb.png.62d925b6cd008a322f60c04b7fd47c4d.png

In your case, it should be

href="/store"

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 months later...
On 1/19/2024 at 11:01 PM, kijelu said:

This code is working great for me - thank you! I'm wondering if there is a way to restrict it to one of my product pages only. Thank you in advance for your help!

Just edit your product > Additional Info

image.png.0313c5354c3655392a424c6da786daa6.png

add a Code Block

image.png.63c96b248625f255323862cbd6e73d55.png

Paste same code (code you used above)

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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