Style Guide

6.10 #Shop.Inventory Inventory

Toggle example guides Toggle HTML markup

Examples
Default styling

Text

Shipping Info
.available
Available

Text

Shipping Info
.low_availability
Low availability

Text

Shipping Info
.not_available
Not Available

Text

Shipping Info
.not_available_orderable
Not Available Orderable

Text

Shipping Info
.not_available_orderable_number
Not Available Orderable Number

Text

Shipping Info
Markup 
<div class="inventoryWrapper">
    <div class="inventory [modifier class]">
      <span itemprop="availability" content="http://schema.org/InStock"></span>
      <p>Text</p>
    </div>
    <div class="inventoryShippingInfo">
      Shipping Info
    </div>
</div>
Source: build/doc/doc.css, line 16321