A category/subcategory grid ordering loop lets you loop through all the SKUs tied to a particular category or subcategory.
Grid Ordering On a Category/Subcategory Page:
{% loop category_grid_order %} <li> <a href="{category_grid_order.product_url}"> {% if category_grid_order.product_image_small_url == '' %} <img class="th" src="{theme_location}/images/300x300.gif" /> {% else %} <img class="th" src="{category_grid_order.product_image_small_url}" /> {% endif %} </a> <div class="row"> <div class="small-12 columns"> {% if category_grid_order.has_variations %} Has Variations {% else %} {category_grid_order.product_quantity_html} {category_grid_order.ajax_id} {% endif %} </div> </div> <div class="row"> <div class="small-8 columns"> <h5 class="left"><a href="{category_grid_order.product_url}">{category_grid_order.product_name}</a></h5> </div> <div class="small-4 columns"> <h5 class="right">{category_grid_order.product_price}</h5> </div> </div> </li> {% ENDLOOP category_grid_order %}
Grid Ordering Loops can be called :
The following output tags are available for a category/subcategory Grid Ordering Loop (Only available on a category or subcategory page):
{product_name} | Product Display Name |
{product_available_count} | Page Slug |
{product_price} | SKU Price (not product price) |
{product_variation} | The variations tied to the product. This is a comma delimited string. |
{product_quantity_html} | HTML input field for changing quantity |
{product_sku} | SKU |
{ajax_id} | Hidden Input field For {ajax_product_grid} |
{attribute slug} | All sku attribute slugs that have been flagged to show externally |
Loop Conditionals | Click here to learn more about loop conditionals. |