Button: Add To Cart Last update: 2020-03-06 18:49:34

This is a code sample to render a Snipcart anchor (Add To Cart button) with will hold all data-item-* attributes required by Snipcart. The anchor method is provided by MarkupSnipWire module (which is autoloaded) and can be called via custom API variable: $snipwire->anchor()

const snicpartAnchorTypeButton = 1;
const snicpartAnchorTypeLink = 2;

$options = array(
    'label' => ukIcon('cart') . ' ' . __('Add to cart'),
    'class' => 'uk-button uk-button-primary',
    'attr' => array('aria-label' => __('Add item to cart')),
    'type' => snicpartAnchorTypeButton,
);
$anchor = $snipwire->anchor($page, $options);

The API call from above would lead to the following HTML output:

<button
  class="snipcart-add-item uk-button uk-button-primary"
  title="Add to cart"
  aria-label="Add item to cart"
  data-item-name="Festish Wet Warmer"
  data-item-id="1713"
  data-item-price='{"usd":"22.20","eur":"19.90"}'
  data-item-url="http://domain.com/snipcart-shop/festish-wet-warmer/"
  data-item-description="A short product description..."
  data-item-image="http://domain.com/site/assets/files/1713/beer2.65x65-hidpi.jpg"
  data-item-categories="Beer"
  data-item-metadata='{"id":1713,"created":1563363120,"modified":1580402487,"published":1563363120,"created_users_id":41,"modified_users_id":41}' 
  data-item-quantity="1"
  data-item-quantity-step="1"
  data-item-stackable="true"
  data-item-taxable="true"
  data-item-taxes="10% VAT" 
  data-item-has-taxes-included="true"
  data-item-shippable="true">
      <span uk-icon="icon: cart"></span> Add to cart
</button>

Arguments