Adding an add to cart button on a custom shopify section

Store Design
1

Hello,

I purchased a shopify section called “Slider #7” and I’m looking to add an “Add to Cart” functionality to each image slide in the 3rd section of my homepage. So under the each can, it should say “Add to Cart” on the colored background. Can someone help me with how to implement the code?

This is the website I am working on: https://goldentigerli-2.myshopify.com/

This is similar to what I am trying to do -

Screenshot 2025-01-26 at 9.39.38 PM.png
Screenshot 2025-01-26 at 9.39.38 PM.png2880×822 314 KB

2

Hi @janavi13

The feature you are referring to is typically built into the theme’s code. To enable it, you simply need to locate the corresponding code, copy it, and review its configuration.

However, since you are using the “Be Yours” theme, which is a paid theme, we are unable to install and test it on our side.

We recommend that you either reach out to a paid developer to check and configure this for you or contact the theme provider’s support team for further assistance. They should be able to guide you more effectively.

Thank you for your understanding, and please let us know if there’s anything else we can help with.

Best,

Daisy - Avada Support Team.

3

Hey, thanks for posting here.
first of all you need to add a product select option on every card with schema

{% schema %}
{
  "name": "Slider #7",
  "blocks": [
    {
      "type": "product_card",
      "name": "Product Card",
      "settings": [
        {
          "type": "product",
          "id": "product",
          "label": "Select a product"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Slider #7",
      "category": "Custom"
    }
  ]
}
{% endschema %}

then you can use this method for single card:

{% for block in section.blocks %}
  {% assign product = all_products[block.settings.product] %}
  {% if product %}
    
      
      

{{ product.title }}

      
    

  {% endif %}
{% endfor %}