Kiito Nerd Talk

Github link to file in question: product.liquid

For the KiiTO Shop Page.

Recharge snippet

  <form action="/cart/add" data-productid="{{product.id}}" method="post" enctype="multipart/form-data">

        <div class="form-group">

            <!-- ReCharge Select -->

            <style>#quantity { padding:5px; width:35px; border: 1px solid #555; } .hide { display:none; }</style>

            <select name="id" data-productid="{{ product.id }}" class="hide">

                {% for variant in product.variants %}

                    {% if variant.available == true %}

                        <option value="{{variant.id}}"> {{ variant.title }} for {{ variant.price | money_with_currency }}</option>

                    {% else %}

                        <option disabled="disabled"> {{ variant.title }} - sold out!</option>

                    {% endif %}

                {% endfor %}

            </select>

            <!-- ReCharge subscription product -->
            {% if product.available %}

                {% include 'subscription-product' %}

            {% endif %}

            <!-- add to cart button -->
            <input type="submit" name="add" id="add" value="Add to Cart" class="single_add_to_cart_button ajax_form_cart button alt btn-block">

    </div> <!-- END form-group -->

</form>

Reviews snippet:

{% comment %}
***********************
Want the lightbox back? . . .
***********************
- to each .review class (for the respective product), replace this attribute 'href="/pages/reviews"' with these attributes :
-- data-fancybox data-src="#nilla"
-- data-fancybox data-src="#chocolate"
-- data-fancybox data-src="#matcha"
-- data-fancybox data-src="#mixed"

next . . .
- add these attributes to each product "span":
- class="stamped-product-reviews-badge" data-product-sku="{{ product.handle }}" data-id="{{ product.id }}"

lastly. . .
- remove the comments surrounding the "- lightbox -"

done!
{% endcomment %}

<!-- VANILLA -->
{% if product.tags contains "Vanilla" %}
    <a href="/pages/reviews" class="text-center review">
        <span style="display:block;">{{ product.metafields.stamped.badge }}</span>

    </a>
    {% comment %} - lightbox -
    <div style="display: none;" id="nilla" class="review">
        <h1 class="text-uppercase text-center">Vanilla Ashwagandha Reviews</h1>
        <div id="stamped-main-widget"
        data-widget-style="standard"
        data-product-id="{{ product.id }}"
        data-url="{{ shop.url }}{{ product.url }}"
        data-product-sku="{{product.handle}}" >
        {{ product.metafields.stamped.reviews }}
        </div>
    </div>
    {% endcomment %}
{% endif %}

<!-- chocolate -->
{% if product.tags contains "chocolate" %}
    <a href="/pages/reviews" class="text-center review" href="javascript:;">
        <span style="display:block;">{{ product.metafields.stamped.badge }}</span>
    </a>
    {% comment %} - lightbox -
    <div style="display: none;" id="chocolate" class="review">
        <h1 class="text-uppercase text-center">Chocolate Maca Reviews</h1>
        <div id="stamped-main-widget"
        data-widget-style="standard"
        data-product-id="{{ product.id }}"
        data-url="{{ shop.url }}{{ product.url }}"
        data-product-sku="{{product.handle}}">
        {{ product.metafields.stamped.reviews }}
        </div>
    </div>
    {% endcomment %}
{% endif %}

<!-- MATCHA -->
{% if product.tags contains "matcha" %}
    <a href="/pages/reviews" class="text-center review" href="javascript:;">
        <span style="display:block;">{{ product.metafields.stamped.badge }}</span>
    </a>
    {% comment %} - lightbox -
    <div style="display: none;" id="matcha" class="review">
        <h1 class="text-uppercase text-center">Matcha Moringa Reviews</h1>
        <div id="stamped-main-widget"
        data-widget-style="standard"
        data-product-id="{{ product.id }}"
        data-url="{{ shop.url }}{{ product.url }}"
        data-product-sku="{{product.handle}}">
        {{ product.metafields.stamped.reviews }}
        </div>
    </div>
    {% endcomment %}
{% endif %}

<!-- mixed -->
{% if product.tags contains "mixed" %}
    <a href="/pages/reviews" class="text-center review" href="javascript:;">
        <span style="display:block;">{{ product.metafields.stamped.badge }}</span>
    </a>
    {% comment %} - lightbox -
    <div style="display: none;" id="mixed" class="review">
        <h1 class="text-uppercase text-center">Mixed Case Reviews</h1>
        <div id="stamped-main-widget"
        data-widget-style="standard"
        data-product-id="{{ product.id }}"
        data-url="{{ shop.url }}{{ product.url }}"
        data-product-sku="{{product.handle}}">
        {{ product.metafields.stamped.reviews }}
        </div>
    </div>
    {% endcomment %}
{% endif %}