Product loops overview

On the Product Loops page, you will create all your styles and presets.

Loop manager

Here you can create all your product loop presets.


When you click the add item button to create the product loop preset this is the settings that you will get:

Loop name

Enter loop name


Loop type

Select loop type. Available options are:

  • Classic
  • Elegant
  • Boxed
  • Boxed and colored
  • Inside bottom
  • Inside bottom with meta/options hover
  • Inside top
  • Inside top with meta/options hover
  • Inside top with meta/options slide in from bottom
  • Outside with hover

Default display

Select default display mode. Available options are:

  • Grid
  • List

Button

Set button style. Available options are:

  • Inherit from theme
  • Flat
  • Flat 3D
  • Hue
  • Hue 3D

Accent color

Set loop accent color


Hover color

Set loop hover color.


Image size

Set image size. Available options are:

  • Thumbnail
  • Medium
  • Medium_large
  • Large
  • 1536×1536
  • 2048×2048
  • Woocommerce_thumbnail
  • Woocommece_single
  • Woocommerce_gallery_thumbnail
  • Shop_catalog
  • Shop_single
  • Shop_thumbnail

Image ratio

Set image ratio. Available options are:

  • Use WooCommerce image size (shop_catalog)
  • Full resolution (full)
  • Large WordPress (large)
  • Medium WordPress (medium)
  • 1:1
  • 2:1
  • 3:1
  • 1:3
  • 4:3
  • 3:4
  • 16:9
  • 9:16
  • 5:3
  • 3:5

Image align

Set image align. Available options are:

  • Starting point
  • Center
  • Ending point

Image effect

Set image effect. Available options are:

  • Image gallery
  • Fade in second image
  • Slide up second image
  • Slide down second image
  • Slide left second image
  • Slide right second image
  • Zoom in second image
  • Fade in overlay
  • Slide up overlay
  • Slide down overlay
  • Slide left overlay
  • Slide right overlay
  • Zoom in overlay

Grid description rows

Set the product short description row length in grid mode


Grid elements

Select loop elements to hide in grid mode


List elements

Select loop elements to hide in list mode


Grid meta

Select attributes to show in grid mode


List meta

Select attributes to show in table mode


Grid attributes

Here you can create all your product loop presets.


List attributes

Here you can create all your product loop presets.


Grid columns

Set grid product columns. Available options are:

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Inherit

Text size

Set text size. Available options are:

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

List image width

Set the image width in list mode (em)


Grid gap

Set gap between grid columns. Available options are:

  • 0em
  • .25em
  • .5em
  • .75em
  • 1em
  • 1.25em
  • 1.5em
  • 1.75em
  • 2em
  • 2.25em
  • 2.75em
  • 3em
  • 3.25em
  • 3.5em
  • 3.75em
  • 4em
  • 4.25em
  • 4.5em
  • 4.75em

Leave a Reply

Your email address will not be published. Required fields are marked *