Category Grids

Easily create flexible category grids for your products. Control the column amount, auto masonry layout, coloring, text alignment, spacing and more!

[tabbed_section style=\”material\” alignment=\”center\” spacing=\”side-45px\” tab_color=\”Accent-Color\” full_width_line=\”true\” icon_size=\”24\”][tab icon_family=\”none\” title=\”Easy Column Control\” id=\”1532376475359-19c11-ed10\” tab_id=\”1533724747977-7\”][nectar_category_grid post_type=\”products\” product_category=\”accessories,basic-t-shirts,casual-shirts,fresh-clothing,hipster-style,outerwear\” text_content_alignment=\”middle\” subtext=\”custom\” columns=\”3\” grid_item_spacing=\”5px\” color_overlay=\”#000000\” color_overlay_opacity=\”0.2\” color_overlay_hover_opacity=\”0.4\” text_color=\”light\” text_color_hover=\”light\” shadow_on_hover=\”yes\” subtext_visibility=\”on_hover\” orderby=\”\” order=\”\” text_style=\”\” color_strip_bg=\”\” color_strip_bg_hover=\”\” color_strip_text=\”\” color_strip_text_hover=\”\” block_sizing=\”square\” custom_subtext=\”Custom Text\”][divider line_type=\”No Line\” custom_height=\”40\”][/tab][tab icon_family=\”none\” title=\”Auto Masony Option\” id=\”1532376475534-29c11-e50\” tab_id=\”1533724748027-3\”][nectar_category_grid post_type=\”products\” product_category=\”all\” text_content_alignment=\”bottom_left\” subtext=\”cat_item_count\” columns=\”4\” grid_item_spacing=\”10px\” enable_masonry=\”yes\” color_overlay=\”#000000\” color_overlay_opacity=\”0.2\” color_overlay_hover_opacity=\”0.4\” text_color=\”light\” text_color_hover=\”light\” shadow_on_hover=\”yes\” subtext_visibility=\”on_hover\” orderby=\”\” order=\”\” text_style=\”\” color_strip_bg=\”\” color_strip_bg_hover=\”\” color_strip_text=\”\” color_strip_text_hover=\”\” block_sizing=\”square\”][/tab][tab icon_family=\”none\” title=\”Custom Coloring\” id=\”1532376475534-29c11-e40\” tab_id=\”1533724748098-7\”][nectar_category_grid post_type=\”products\” product_category=\”casual-shirts,hipster-style,sports-clothing\” text_content_alignment=\”bottom_left\” subtext=\”cat_item_count\” columns=\”2\” grid_item_spacing=\”none\” enable_masonry=\”yes\” color_overlay=\”#3452ff\” color_overlay_opacity=\”0.4\” color_overlay_hover_opacity=\”0.8\” text_color=\”light\” text_color_hover=\”light\” subtext_visibility=\”always\” orderby=\”\” order=\”\” text_style=\”\” color_strip_bg=\”\” color_strip_bg_hover=\”\” color_strip_text=\”\” color_strip_text_hover=\”\” block_sizing=\”square\”][/tab][/tabbed_section]
[divider line_type=\”No Line\” custom_height=\”40\”]

Single Product Layouts

Salient offers two additional custom product layouts to help show off your products in the way you see most fit.

[image_with_animation image_url=\”http://themenectar.com/demo/salient-ecommerce-ultimate/wp-content/uploads/2018/08/2018-08-08%2016-57-50_1.gif\” alignment=\”\” animation=\”Fade In\” border_radius=\”5px\” box_shadow=\”x_large_depth\” max_width=\”100%\”]

Bottom Aligned Thumbnails

Similar to the structure of the default WooCommerce single product layout, but finely tweaked and enhanced with touch enabled sliders. The product thumbnail slider acts as a navigation for the main gallery slider situated above it.

[divider line_type=\”No Line\” custom_height=\”40\”]

Sticky Product Info

This layout allows your users to scroll freely through your product images while keeping the product information and thumbnails in view at all times.

[image_with_animation image_url=\”http://themenectar.com/demo/salient-ecommerce-ultimate/wp-content/uploads/2018/08/2018-08-08%2016-57-50.gif\” alignment=\”\” animation=\”Fade In\” border_radius=\”5px\” box_shadow=\”x_large_depth\” max_width=\”100%\”]
[divider line_type=\”No Line\” custom_height=\”40\”]

Product Carousels

Touch friendly product carousel sliders can display in your column choice, full width or contained. Allows for all of the default WooCommerce query parameters as well i.e. Product categories, Product Type, Order By etc.

[nectar_woo_products product_type=\”sale\” category=\”all\” columns=\”dynamic\” orderby=\”date\” order=\”DESC\” carousel=\”1\” script=\”flickity\” flickity_controls=\”arrows-and-text\” flickity_heading_tag=\”h3\” carousel_script=\”flickity\” per_page=\”8\” flickity_heading_text=\”Displaying Sale Products Only\” flickity_link_text=\”See All Products\” flickity_link_url=\”#\”]
[nectar_icon icon_family=\”iconsmind\” icon_style=\”default\” icon_color=\”white\” icon_padding=\”20px\” icon_iconsmind=\”iconsmind-Monitor-5\” icon_size=\”38\”][nectar_icon icon_family=\”iconsmind\” icon_style=\”default\” icon_color=\”white\” icon_padding=\”20px\” icon_iconsmind=\”iconsmind-Laptop\” icon_size=\”38\”][nectar_icon icon_family=\”iconsmind\” icon_style=\”default\” icon_color=\”white\” icon_padding=\”20px\” icon_iconsmind=\”iconsmind-Tablet-2\” icon_size=\”38\”][nectar_icon icon_family=\”iconsmind\” icon_style=\”default\” icon_color=\”white\” icon_padding=\”20px\” icon_iconsmind=\”iconsmind-Smartphone-3\” icon_size=\”38\”]

Advanced Columns

Salient 9.0 now offers precise product column control for WooCommerce product pages. Easily choose between 2-6 columns individually for Desktop, Small Desktop, Tablet and Mobile viewports.

[image_with_animation image_url=\”http://themenectar.com/demo/salient-ecommerce-ultimate/wp-content/uploads/2018/08/columns.jpg\” alignment=\”\” animation=\”None\” border_radius=\”10px\” box_shadow=\”x_large_depth\” max_width=\”150%\”]

Product Quick View

Introducing the Salient product quick view option. Enable your users to see more product information and images without leaving their current location. The result is a smoother, more intuitive user experience.

[image_with_animation image_url=\”http://themenectar.com/demo/salient-ecommerce-ultimate/wp-content/uploads/2018/08/quick-view.jpg\” alignment=\”\” animation=\”Fade In\” border_radius=\”none\” box_shadow=\”none\” max_width=\”100%\”]

YITH Ajax Product Filters Compatible

Salient supports the popular WooCommerce related plugin YITH Ajax product filters and provides enhanced custom styling for the filters.

[image_with_animation image_url=\”http://themenectar.com/demo/salient-ecommerce-ultimate/wp-content/uploads/2018/08/YITH-compat.jpg\” alignment=\”center\” animation=\”Fade In\” border_radius=\”none\” box_shadow=\”none\” max_width=\”100%\”]

Ajax Cart In Header

Speed up the shopping process by eliminating extra steps before checking out & increase the over experience for your users.

[image_with_animation image_url=\”http://themenectar.com/demo/salient-ecommerce-ultimate/wp-content/uploads/2018/08/ajax-cart.jpg\” alignment=\”center\” animation=\”Fade In\” border_radius=\”none\” box_shadow=\”none\” max_width=\”100%\”]

This is custom heading element

[divider line_type=\”No Line\” custom_height=\”10\”]

This is custom heading element

[nectar_btn size=\”jumbo\” button_style=\”regular\” button_color_2=\”extra-color-gradient-2\” icon_family=\”default_arrow\” url=\”#\” text=\”Purchase Salient\” css_animation=\”zoomIn\” margin_top=\”30\”]