I was asked to move the add to cart & buy it now button above the social icons but they have the buttons split off into a snippet and when I pull the code for the add to cart button out of the snippet and put it into the product section it stops functioning. I’m newish to the shopify platform so not understanding what I need to do to get these buttons to work properly outside of the snippet. I tried just dropping the code directly into the product section but got no functionality. I tried putting it into it’s own snippet inside of a form and rendering it but the button would still not add the item to the cart.
Here is the code in the product section:
{% capture product_form_config %}
{ "money_format": {{ shop.money_format | json }},
"enable_history": true,
"sold_out": {{ "products.product.sold_out" | t | json }},
"button": {{ 'products.product.add_to_cart' | t | json }},
"unavailable": {{ 'products.product.unavailable' | t | json }},
"quickview": {% if template == 'product.quick' %}true{% else %}false{% endif %},
"featured_product": false
}
{% endcapture %}
{% render 'product-form',
product: product,
product_type: 'product',
product_form_config: product_form_config,
current_variant: current_variant %}
and here is the code in the product-form snippet. Any advice you can give me about getting the last few lines of code out of the snippet and into the product section with the add to cart buttons working would be much appreciated!
{%- liquid
if product_type == 'featured_product'
assign selector_id = section.id | prepend: 'fp-product-select-'
elsif product_type == 'quickview'
assign selector_id = product.id | prepend: 'qv-product-select-'
elsif product_type == 'product'
assign selector_id = product.id | prepend: 'product-select-'
endif
assign call_to_action = 'products.product.add_to_cart' | t
unless current_variant.available
assign call_to_action = 'products.product.sold_out' | t
endunless
-%}
{% form 'product', product, id: "AddToCartForm", class: "product__form-container product_form", data-product-form: product_form_config, data-product-id: product.id %}
{% render 'product-price', variant: current_variant, product: product %}
{{ form | payment_terms }}
{% if product.options.size > 1 %}
{% if settings.product_variants == 'swatches' %}
{% for option in product.options_with_values %}
{% render "swatch",
option: option,
current_variant: current_variant,
product: product,
show_color_swatches: settings.show_color_swatches,
color_swatch_shape: settings.color_swatch_shape,
color_swatch_style: settings.color_swatch_style %}
{% endfor %}
{% endif %}
{% elsif product.options.size == 1 and product.variants.size > 1 %}
{% if settings.product_variants == 'swatches' %}
{% for option in product.options_with_values %}
{% render "swatch",
option: option,
current_variant: current_variant,
product: product,
show_color_swatches: settings.show_color_swatches,
color_swatch_shape: settings.color_swatch_shape,
color_swatch_style: settings.color_swatch_style %}
{% endfor %}
{% endif %}
{% elsif product.variants.size == 1 %}
{% else %}
{% if product.options.first != 'Title' %}
{% for variant in product.variants %}
{{ variant.option1 | escape }}
{% endfor %}
{% endif %}
{% endif %}
{% if settings.product_show_sku %}
{{ 'customer.order.details.sku' | t }}
{{ current_variant.sku }}
{% endif %}
{% if settings.product_show_quantity %}
{% endif %}
{% if settings.product_show_payment_button %}
{% endif %}
**{{ 'products.product.added' | t }}** {{ 'products.product.view_cart' | t }} {{ 'products.product.or' | t }} {{ 'products.product.continue' | t }}.
**{{ 'cart.general.cart_error' | t }}** {{ 'cart.general.update_qty_error' | t }}
{% if settings.product_show_payment_button %}
{{ form | payment_button }}
{% endif %}
{% endform %}