Brooklyn theme

1. In your Shopify Admin click Online Store .
2. Click to Current Theme's Actions > Edit code.
3. Open the product-template.liquid file under the Sections area of your Theme Editor.
4. Copy the code below.

   <div class="product-single__add-to-cart{% if section.settings.add_to_cart_button_size == 'large' %} product-single__add-to-cart--full-width{% endif %}">
    {% unless product.metafields.coattend.enabled %}
        <button type="submit" name="add" id="AddToCart--{{ section.id }}" class="btn btn--add-to-cart{% if section.settings.enable_payment_button %} btn--secondary-accent{% endif %}"{% unless current_variant.available %} disabled="disabled"{% endunless %}>
            <span class="btn__text">
                {% if current_variant.available %}
                    {{ 'products.product.add_to_cart' | t }}
                {% else %}
                    {{ 'products.product.sold_out' | t }}
                {% endif %}
            </span>
        </button>
        {% if section.settings.enable_payment_button %}
            {{ form | payment_button }}
        {% endif %}
    {% else %}
        <div class="coattend-button btn btn--add-to-cart{% if section.settings.enable_payment_button %} btn--secondary-accent{% endif %}"{% unless current_variant.available %} disabled="disabled"{% endunless %} data-coattend-product-id="{{product.id}}" data-coattend-variant-id="{{product.selected_variant.id}}">
            <span class="btn__text">
                {% if current_variant.available %}
                    {{ 'products.product.add_to_cart' | t }}
                {% else %}
                    {{ 'products.product.sold_out' | t }}
                {% endif %}
            </span>
        </div>
    {% endunless %}
   </div>

5. Replace code from line 310 to 323. You can see what needs to be replaced on the below image. Brooklyn theme code that needs to be replaced.
6. Click Save

Congratulations! Continue and display your event.