Ggtcf

PTIJ: Which Dr. Seuss books should one obtain?

How to get directions in deep space?

Highest stage count that are used one right after the other?

Checking @@ROWCOUNT failing

How do I prevent inappropriate ads from appearing in my game?

Pre-Employment Background Check With Consent For Future Checks

Weird lines in Microsoft Word

Output visual diagram of picture

How can I, as DM, avoid the Conga Line of Death occurring when implementing some form of flanking rule?

Why doesn't Gödel's incompleteness theorem apply to false statements?

I keep switching characters, how do I stop?

Make a Bowl of Alphabet Soup

Is there a distance limit for minecart tracks?

Turning a hard to access nut?

Would a primitive species be able to learn English from reading books alone?

What is the period/term used describe Giuseppe Arcimboldo's style of painting?

Writing in a Christian voice

Put the phone down / Put down the phone

When is the exact date for EOL of Ubuntu 14.04 LTS?

Trouble reading roman numeral notation with flats

Can you describe someone as luxurious? As in someone who likes luxurious things?

"Oh no!" in Latin

Unfrosted light bulb

Can a Knock spell open the door to Mordenkainen's Magnificent Mansion?

Adding an “ADD TO CART” button to a collection

Add to cart button appears/disappears immediately on hoverHow to Add a Gift to an Abandon Cart Email for ShopifyHow to make an ADD TO CART button in Shopify that adds all products from a collection?Add to Cart button not working in one div but works well everywhere else - Shopify LiquidShopify liquid, add multiple products to cartShopify Buy Button Minimum QuantitySkip Add to Cart process and direct redirect to Checkout Page from Product Detail Page clicking a button, in ShopifyPrevent to click “Add to Cart” button if specific product not selected - ShopifyHow do I show “Choose Your Option” insead of “Add to Cart” when products have variables?Add to Shopify Cart using Node.js

0

I have a client asking to add an "ADD TO CART" button under each product in their collections and I can't figure out how.
I'm new to the Shopify platform and I am not familiar with Liquid but I did try to use the built in "Channel" of adding a Buy Button, but when trying to paste in the code it didn't populate anything in the preview page.
Any help would be wonderful.

shopify

share|improve this question

asked Feb 28 at 17:17

Ryan MiltonRyan Milton

1

add a comment | 

0

I have a client asking to add an "ADD TO CART" button under each product in their collections and I can't figure out how.
I'm new to the Shopify platform and I am not familiar with Liquid but I did try to use the built in "Channel" of adding a Buy Button, but when trying to paste in the code it didn't populate anything in the preview page.
Any help would be wonderful.

shopify

share|improve this question

asked Feb 28 at 17:17

Ryan MiltonRyan Milton

1

add a comment | 

I have a client asking to add an "ADD TO CART" button under each product in their collections and I can't figure out how.
I'm new to the Shopify platform and I am not familiar with Liquid but I did try to use the built in "Channel" of adding a Buy Button, but when trying to paste in the code it didn't populate anything in the preview page.
Any help would be wonderful.

shopify

share|improve this question

asked Feb 28 at 17:17

Ryan MiltonRyan Milton

1

share|improve this question

asked Feb 28 at 17:17

Ryan MiltonRyan Milton

1

share|improve this question

asked Feb 28 at 17:17

Ryan MiltonRyan Milton

1

asked Feb 28 at 17:17

Ryan MiltonRyan Milton

1

asked Feb 28 at 17:17

Ryan MiltonRyan Milton

1

1 Answer
1

active

oldest

votes

1

Use the shopify API by adding this into the collection.liquid

<form method="post" action="/cart/add">
 <input type="hidden" name="id" value=" product.variant.id " />
 <input min="1" type="number" id="quantity" name="quantity" value="1"/>
 <input type="submit" value="Buy" class="btn" />
</form>

Add that somewhere in this loop

% for product in collection.products %
 ...
% endfor %

product.variant.id identifies which item is added to the cart and it could be replaced with product.variants.first.id

This details how it works and applies to standard, non ajax, forms too
https://help.shopify.com/en/themes/development/getting-started/using-ajax-api#add-to-cart

share|improve this answer

edited Mar 7 at 20:28

answered Mar 1 at 8:32

Ben HavillandBen Havilland

235

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54931004%2fadding-an-add-to-cart-button-to-a-collection%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

Use the shopify API by adding this into the collection.liquid

<form method="post" action="/cart/add">
 <input type="hidden" name="id" value=" product.variant.id " />
 <input min="1" type="number" id="quantity" name="quantity" value="1"/>
 <input type="submit" value="Buy" class="btn" />
</form>

Add that somewhere in this loop

% for product in collection.products %
 ...
% endfor %

product.variant.id identifies which item is added to the cart and it could be replaced with product.variants.first.id

This details how it works and applies to standard, non ajax, forms too
https://help.shopify.com/en/themes/development/getting-started/using-ajax-api#add-to-cart

share|improve this answer

edited Mar 7 at 20:28

answered Mar 1 at 8:32

Ben HavillandBen Havilland

235

add a comment | 

1

Use the shopify API by adding this into the collection.liquid

<form method="post" action="/cart/add">
 <input type="hidden" name="id" value=" product.variant.id " />
 <input min="1" type="number" id="quantity" name="quantity" value="1"/>
 <input type="submit" value="Buy" class="btn" />
</form>

Add that somewhere in this loop

% for product in collection.products %
 ...
% endfor %

product.variant.id identifies which item is added to the cart and it could be replaced with product.variants.first.id

This details how it works and applies to standard, non ajax, forms too
https://help.shopify.com/en/themes/development/getting-started/using-ajax-api#add-to-cart

share|improve this answer

edited Mar 7 at 20:28

answered Mar 1 at 8:32

Ben HavillandBen Havilland

235

add a comment | 

Use the shopify API by adding this into the collection.liquid

<form method="post" action="/cart/add">
 <input type="hidden" name="id" value=" product.variant.id " />
 <input min="1" type="number" id="quantity" name="quantity" value="1"/>
 <input type="submit" value="Buy" class="btn" />
</form>

Add that somewhere in this loop

% for product in collection.products %
 ...
% endfor %

product.variant.id identifies which item is added to the cart and it could be replaced with product.variants.first.id

This details how it works and applies to standard, non ajax, forms too
https://help.shopify.com/en/themes/development/getting-started/using-ajax-api#add-to-cart

share|improve this answer

edited Mar 7 at 20:28

answered Mar 1 at 8:32

Ben HavillandBen Havilland

235

<form method="post" action="/cart/add">
 <input type="hidden" name="id" value=" product.variant.id " />
 <input min="1" type="number" id="quantity" name="quantity" value="1"/>
 <input type="submit" value="Buy" class="btn" />
</form>

% for product in collection.products %
 ...
% endfor %

share|improve this answer

edited Mar 7 at 20:28

answered Mar 1 at 8:32

Ben HavillandBen Havilland

235

answered Mar 1 at 8:32

Ben HavillandBen Havilland

235

answered Mar 1 at 8:32

Ben HavillandBen Havilland

235