WooCommerce Isotope Grid

[TS-VCSC-Icon-Title title=”Grid Features” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”RmVhdHVyZXM=”]

Aside from elements for the WooCommerce shortcodes itself, Visual Composer Extensions also includes an element for a product slider. The fully sortable and filterable grid also allows you to custom style the product rating shown with the product and can show products in the following groups / categories:

[TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”info” panel_icon=”ts-awesome-info-circle” font_title_family=”Default:regular” font_content_family=”Default:regular”]

For performance reasons, it is advised to use only one “Basic Products Isotope Grid” per page.

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”20″][TS_VCSC_Fancy_List list_type=”image” marker_image=”http://tekanewascripts.com/composium/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png”]

  • Recent Products
  • Featured Products
  • Top Rated Products
  • Products on Sale
  • Best Selling Products
  • Products in a Single Category
  • Products in Multiple Categories

[/TS_VCSC_Fancy_List][TS-VCSC-Spacer height=”20″]

[TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”warning” panel_icon=”ts-awesome-warning” panel_title=”Isotope Notice”]

This element is utilizing Isotope v1.5.x, which is NOT compatible with the new Isotope release v2.x. There are several reason why we intentionally stick with the older version, the most important ones being:

  1. The vast majority of plugins and themes (more than 90%) are still using an Isotope version 1.x, even though v2.x has been available for a while now. In order to remain compatible with those plugins and themes, staying with v1.x is required. Once v2.x becomes more widespread and supported by themes and plugins, we will switch over as well.
  2. Isotope v2.x currently does not have a way to display the “Spine” layout, which is used for other¬†elements in this add-on in order to create an actual timeline effect. That feature has been requested for v2.x, but until it is implemented, we can not switch, even if we wanted to.


[TS-VCSC-Icon-Title title=”Isotope Grid Layout” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”SXNvdG9wZQ==”][TS_VCSC_WooCommerce_Grid_Basic products_total=”20″ column_width=”200″ sort_menu=”true” directions_menu=”true” rating_icon=”ts-ecommerce-starfull1″ color_rated=”#ffd800″]