Teft WooCommerce Demo

This page is a demo of how Teft works with the different WooCoomerce Blocks. The Teft Product Card plugin is used to replace the front end rendering of all product list blocks with the Teft grid.

Hand-picked Card block with products

Hand picked products block

• Layout (colum width 1-6)
• Align buttons (toggle)
• Product title (toggle)
• Product price (toggle)
• Product rating (toggle)
• Add to Cart button (toggle)
• Sorting

Featured category block

• Wide width / full width
• Text alignment
• Show description
• Focal point
• Overlay color

Featured product block

Full width product card

• Width
  • Wide
  • Full
• Text alignment
• Show description (toggle)
• Show price (toggle)
• Overlay color
• Background opacity
• Focal point

Best Selling Products block

• Layout
  • Colums width 1-6
  • Rows
  • Align Last Block
• Width
  • Wide
  • Full
• Align buttons (toggle)
• Product title (toggle)
• Product price (toggle)
• Product rating (toggle)
• Add to Cart button (toggle)
• Sorting

Product Categories List block

Width

• Widths
  • Wide
  • Full
• Show product count
• Show hierarchy
• Show empty categories
• List display style

Category list (dropdown):

• Widths
  • Wide
  • Full
• Show product count
• Show hierarchy
• Show empty categories
• List display style

Products by Category block

• Layout
  • Colums width 1-6
  • Rows
  • Align Last Block
• Width
  • Wide
  • Full
• Align buttons / last block (toggle)
• Product title (toggle)
• Product price (toggle)
• Product rating (toggle)
• Add to Cart button (toggle)
• Sorting

Newest Products block

• Layout
  • Colums width 1-6
  • Rows
  • Align Last Block
• Width
  • Wide
  • Full
• Align buttons / last block (toggle)
• Product title (toggle)
• Product price (toggle)
• Product rating (toggle)
• Add to Cart button (toggle)
• Sorting

On Sale Products block

• Layout
  • Colums width 1-6
  • Rows
  • Align Last Block
• Width
  • Wide
  • Full
• Align buttons / last block (toggle)
• Product title (toggle)
• Product price (toggle)
• Product rating (toggle)
• Add to Cart button (toggle)
• Sorting

Products by Attribute block

• Layout
  • Colums width 1-6
  • Rows
  • Align Last Block
• Width
  • Wide
  • Full
• Align buttons / last block (toggle)
• Product title (toggle)
• Product price (toggle)
• Product rating (toggle)
• Add to Cart button (toggle)
• Sorting

Top Rated Products block

• Layout
  • Colums width 1-6
  • Rows
  • Align Last Block
• Width
  • Wide
  • Full
• Align buttons / last block (toggle)
• Product title (toggle)
• Product price (toggle)
• Product rating (toggle)
• Add to Cart button (toggle)
• Sorting

Search:

• Width
  • Wide
  • Full
• Show search field label

Products by tag:

All Products block

This block does product listing in a different way and is not supported yet by the Product Card plugin.

• Layout
  • Colums width 1-6
  • Rows
  • Align Last Block
• Width
  • Wide
  • Full
• Show Sorting Dropdown

Filter by price:

• Price range display editable ( input) / text
• Filter button (toggle)
• Heading level (h2-h6)

Filter by attribute:

• Product count (toggle)
• Heading level (h2-h6)
• Query type (and / or)
• Filter by attribute selection

Active filters:

• Display Style (list / chips)
• Heading level (h2-h6)

All reviews:

• Product name (toggle)
• Product rating (toggle)
• Reviewer name (toggle)
• Image (toggle)
• Review date (toggle)
• Review content (toggle)
• Review photo (reviewer image / product image)
• Order by
• Number of reviews (1-20)
• Load more (toggle)
• Reviews to load

Reviews by product:

• Product name (toggle)
• Product rating (toggle)
• Reviewer name (toggle)
• Image (toggle)
• Review date (toggle)
• Review content (toggle)
• Review photo (reviewer image / product image)
• Order by
• Number of reviews (1-20)
• Load more (toggle)
• Reviews to load

Reviews by category:

• Product name (toggle)
• Product rating (toggle)
• Reviewer name (toggle)
• Image (toggle)
• Review date (toggle)
• Review content (toggle)
• Review photo (reviewer image / product image)
• Order by
• Number of reviews (1-20)
• Load more (toggle)
• Reviews to load