Woo Product Grid Element

Showcase Your Products With Style

Buy Avada
Discover More
Prebuilt Websites

Woo Product Grid

Showcase Your Products Anywhere And Entice Your Customers

There are 9 WooCommerce Elements to choose when creating a WooCommerce checkout page. Choose from Order tracking, Product price/cart button, Product by SKU/ID, Products by SKU/ID, Product Categories, Products by category slug, Recent Products, Featured Products, and Shop Message. From displaying a single product to a full category, and even showing Order Tracking, this Element allows you to present your WooCommerce products on your site in a stylish manner.

retail-product-grid
butcher-product-grid

Loaded With Customization Options

The Avada WooCommerce Checkout Billing Element has a ton of options that will make it easy for you to set up, style and display billing information fields for the checkout on your branded e-commerce website.

pull-products-by

Pull Products By

Choose to show products by category or tag.

categories

Categories

Select a category or leave blank for all.

exclude-categories (1)

Exclude Categories

Select categories to exclude.

number-of-products

Number of Products

Select the number of products to display.

product-offset

Product Offset

The number of products to skip.

number-of-columns

Number of Columns

Set the number of columns per row.

column-spacing

Column Spacing

Insert the amount of spacing between items without ‘px’.

order-by

Order By

Defines how products should be ordered.

order

Order

Defines the sorting order of products.

pagination-type

Pagination Type

Choose the type of pagination.

show-thumbnail

Show Thumbnail

Display the product featured image.

show-title

Show Title

Display the product title below the featured image.

show-price

Show Price

Choose to show or hide the price.

show-rating

Show Rating

Choose to show or hide the rating.

show-buttons

Show Buttons

Choose to show or hide Add to Cart / Details buttons.

grid-box-color

Grid Box Color

Controls the background color for the grid boxes.

grid-border-color

Grid Border Color

Controls the color of borders for the grid boxes.

grid-sep-style

Grid Separator Style

Controls the line style of grid separators.

grid-sep-color

Grid Separator Color

Controls the line style color of grid separators.

billing-margin

Margin

Sets the margin of the element in pixels or percentage.

billing-field-animation

Animation Type

Select the type of animation to use on the element.

The Avada: Website Builder

CREATE THE LAYOUTS YOU WANT

The Avada Website Builder gives you the ability to design and build any layouts for your Avada website. Choose to customize the Footer, single posts, Portfolio posts, archives, search results, and more. With the power of Layouts, Layout Sections, Conditional Logic, Layout Section Elements, and Avada’s massive range of Design Elements, the sky is the limit. Custom design a global footer or only apply the custom Footer to a single page or post.

avada-theme-builder
EXPLORE THE AVADA WEBSITE BUILDER

Advanced Options Network

Avada Global Options are global, Page Options are individual. This setup gives you amazing creative flexibility that becomes indispensable when you start creating your site. Having the option to freely choose how individual pages are styled is an incredible freedom.

live-demo-advanced-options-network

The #1 Selling WordPress Theme Of All Time

700,000+

Individuals & Businesses Trust Avada

BUY AVADA

Documentation & Videos

We have a wide range of support material to suit your learning style. Our documentation is extensive and growing. There are almost 500 documents, where you can search and read about almost any aspect of Avada. Prefer to watch? We have a growing library of HD video tutorials covering the basics and much, much more. Like to engage? Submit a support ticket, join our Community Forum, or engage with other users on the community run Facebook Avada Users Group.

Documentation

Start Searching

Video Tutorials

Start Watching

Need Support?

Start Engaging