Re: How to add "Add To Cart", CTA, and sticky header

Solved

How to add "Add To Cart", CTA, and sticky header

ShopDude72
Tourist
9 0 0

So I’m trying to do these three things to my website:

  1. Add “Add To Cart” button to all the products on the collections page
  2. Sticky header menu
  3. CTA button on banner

https://www.camprefreshment.com/

 

I’m using the Simple theme from Shopify which offers no customization for any of these except for #3. After hours of researching and trying to implement these 3 to the website I have failed and need help.

 

For #1:

I’ve failed to find a way to add the “Add To Cart” button below the products in the collection page that DOES NOT redirect the customer to the “cart” page. When my customers click the button I want them to stay on the collection page and not be redirected to the “cart” or “checkout” pages. I’ve tried copying and pasting various codes in the HTML coding but with no success. Is there a way to do this without pay a subscription for an app that does this simple thing? The paid apps only add a little shopping cart icon in the top left corner of each product on the collection page which doesn’t have the same effect. Should I hire a coder for to add a big “Add To Cart” button for all the products?

 

For #2:

ShopDude72_1-1641080515802.png

 

I have found no way to add the sticky header menu with code that works well. Should I hire a coder for this?

 

For #3:

There is a way to add a CTA button when customizing the theme but sadly the text link button is obscuring the “FREE SHIPPING ON ALL ORDERS” text embedded in the banner. Is there a way to add a CTA on the banner efficiently?

 

I appreciate all the support and feedback from the community here!

Accepted Solution (1)

PaulNewton
Shopify Partner
6378 583 1358

This is an accepted solution.

In total that's a tall ask, lumping things together is not conducive to getting help .

Break things apart and handling them 1 at a time.

 

 

 

I want them to stay on the collection page and not be redirected to the “cart” or “checkout” pages

Rhetorical: and what do your customers want, there's all this design stuff your forcing but if there's no money to just pay to have the work done what's the business value in something that can't pay for itself.

 

For #1 , With the methods you've found try appending the return_to parameter to the form submission url  and setting it's value to the current collection url , otherwise you need a javascript based solution.

https://shopify.dev/api/liquid/tags/theme-tags#form-return-to 

 

For #2 , You can always try contacting shopify support to see if a customization is provided for a theme and available with your plans free design minutes.

Examples - https://help.shopify.com/en/manual/online-store/themes/theme-support/theme-support-customization  

 

For #3,  Searches:

https://community.shopify.com/c/forums/searchpage/tab/message?filter=location&q=simple%20button%20ba... 

 https://community.shopify.com/c/forums/searchpage/tab/message?filter=location&q=simple%20link%20bann... 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


View solution in original post

Reply 1 (1)

PaulNewton
Shopify Partner
6378 583 1358

This is an accepted solution.

In total that's a tall ask, lumping things together is not conducive to getting help .

Break things apart and handling them 1 at a time.

 

 

 

I want them to stay on the collection page and not be redirected to the “cart” or “checkout” pages

Rhetorical: and what do your customers want, there's all this design stuff your forcing but if there's no money to just pay to have the work done what's the business value in something that can't pay for itself.

 

For #1 , With the methods you've found try appending the return_to parameter to the form submission url  and setting it's value to the current collection url , otherwise you need a javascript based solution.

https://shopify.dev/api/liquid/tags/theme-tags#form-return-to 

 

For #2 , You can always try contacting shopify support to see if a customization is provided for a theme and available with your plans free design minutes.

Examples - https://help.shopify.com/en/manual/online-store/themes/theme-support/theme-support-customization  

 

For #3,  Searches:

https://community.shopify.com/c/forums/searchpage/tab/message?filter=location&q=simple%20button%20ba... 

 https://community.shopify.com/c/forums/searchpage/tab/message?filter=location&q=simple%20link%20bann... 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org