Avada WooCommerce Global Options

Last Update: March 4, 2024

Avada has a range of global options you can configure for use with WooCommerce. The main WooCommerce global options are located under Avada > Options > WooCommerce, and there are some secondary WooCommerce options as under the Sidebar section.

Depending on how you have implemented WooCommefce, some of these options will no longer be relevant. The full rage of options only apply if you are using standard WooCommerce templates. When using Avada Layouts, and custom WooCommerce pages with Woo Design Elements, many of the global options no longer apply.

Avada General WooCommerce Options

WooCommerce Number of Products Per Page – Allows you to set the number of products per page. (1-50/page)

WooCommerce Number of Product Columns – Allows you to set the number of columns for the main shop page. (1-6 columns)

WooCommerce Related/Up-Sell/Cross-Sell Product Number of Columns – Allows you to set the number of columns for the related products, up-sell products on single posts and cross-sells on cart page. (1-6 columns)

WooCommerce Archive Number of Product Columns – Allows you to set the number of columns for the archive pages. (1-6 columns)

Column Spacing – Controls the column spacing between products on WooCommerce product archives. In pixels.

WooCommerce Product Images Layout – Set the layout for your product images. Choose from Avada or WooCommerce.

WooCommerce Product Images Zoom – Allows you to enable or disable the WooCommerce zoom feature. See this post for more information.

WooCommerce Product Images Width – Controls the width of the single product page image gallery. For the image gallery zoom feature to work, the images you upload must be larger than the gallery size you select for this option. IMPORTANT NOTE: When this option is changed, you may need to adjust the Single Product Image size setting in WooCommerce Settings to make sure that one is larger and also regenerate thumbnails. See this post for more information. Enter value including any valid CSS unit, ex: 500px.

WooCommerce Product Images Thumbnail Width – Controls the natural image width of product page image gallery thumbnails. IMPORTANT NOTE: When this option is changed, you need to make sure to regenerate thumbnails. See this post for more information.

WooCommerce Product Images Thumbnail Position – Set the position of the product page image gallery thumbnails with respect to the main gallery images. Choose from

WooCommerce Product Images Thumbnail Column Width – Controls the width of the left/right column of product images thumbnails as a percentage of the full gallery width.

WooCommerce Product Images Thumbnails Columns – Controls the number of columns of the single product page image gallery thumbnails. In order to avoid blurry thumbnails, make sure the “WooCommerce Product Images Thumbnails Width” option above is large enough. It has to be at least “WooCommerce Product Images Width” option divided by this number of columns. In pixels.

WooCommerce Product Quick View – Turn on to enable product quick view for products.

WooCommerce Product Variation Swatches – Turn on to enable color, button and image variation types.

WooCommerce Shop Page Ordering Boxes – Allows you to turn the shop page ordering boxes On or Off.

WooCommerce Shop Page Crossfade Image Effect – Allows you to turn the crossfade effect on product images on the shop page On or Off.

WooCommerce One Page Checkout – Allows you to turn the one page checkout template On or Off.

WooCommerce Order Notes on Checkout – Allows you to turn the order notes on the checkout page On or Off.

Woocommerce My Account Link in Main Menu – Allows you to turn the “My Account” link in the main menu On or Off. Not compatible with Ubermenu.

WooCommerce Cart Icon In Main Menu – Allows you to turn the cart icon in the main menu On or Off. Not compatible with Ubermenu.

WooCommerce Menu Cart Icon Counter – Allows you to turn the WooCommerce cart counter circle On or Off.

Woocommerce My Account Link in Secondary Menu – Allows you to turn the “My Account” link in the secondary menu On or Off. Not compatible with Ubermenu.

WooCommerce Cart Icon In Secondary Menu – Allows you to turn the cart icon in the secondary menu On or Off. Not compatible with Ubermenu.

WooCommerce Social Icons – Allows you to turn the social icons on single product posts On or Off.

WooCommerce Product Grid / List View – Allows you to turn the grid/list toggle on the main and archive shop pages On or Off.

WooCommerce Product Default View – Allows you to set the grid/list view on the main and archive shop pages On or Off.

WooCommerce Account Area Message 1 – Allows you to insert custom text that will appear in the 1st message box on the account page.

WooCommerce Account Area Message 2 – Allows you to insert custom text that will appear in the 2nd message box on the account page.

Avada WooCommerce Styling Options

WooCommerce Product Box Design – Allows you to Control the design of the product boxes. Choose from Classic or Clean.

WooCommerce Product Box Content Padding – Controls the top/right/bottom/left padding of the products contents. Enter values including any valid CSS unit, ex: 20px, 15px, 15px, 15px.

100% Width Page – Allows you to set the single product post to 100% Width. On or Off.

Equal Heights – Allows you to set equal heights for shop and product archive pages. On or Off.

WooCommerce Tab Design – Allows you to control the design of the single product post tabs. Choose from these options: Horizontal Tabs or Vertical Tabs.

WooCommerce Quantity Input Size – Controls the width and height of the quantity input field. Enter values including any valid CSS unit, ex: 38px, 36px.

WooCommerce Quantity Font Size – Controls the font size of the quantity input field. Enter value including any valid CSS unit, ex: 14px.

WooCommerce Quantity Box Background Color – Allows you to control the background color of the WooCommerce quantity box.

WooCommerce Quantity Box Hover Background Color – Allows you to control the hover color of the WooCommerce quantity box.

WooCommerce Order Dropdown Background Color – Allows you to control the background color of the WooCommerce cart dropdown.

WooCommerce Order Dropdown Text Color – Allows you to control the color of the text and icons in the WooCommerce cart dropdown.

WooCommerce Order Dropdown Border Color – Allows you to control the border color in the WooCommerce cart dropdown.

WooCommerce Cart Menu Background Color – Allows you to control the bottom section background color of the WooCommerce cart dropdown.

WooCommerce Icon Font Size – Allows you to control the font size of the WooCommerce icons. Enter a value including CSS unit (px, em, rem), example: 12px.

WooCommerce Sale Badge Shape – Controls the shape of the sale badge. Choose from Rectangle, or Circle.

WooCommerce Sale Badge Background Color – Controls the background color of the WooCommerce sale badge.

WooCommerce Sale Badge Text Color – Controls the text color of the WooCommerce sale badge.

WooCommerce Sale Badge Text Size – Controls the font size of the WooCommerce sale badge text. Enter value including any valid CSS unit, ex: 15px.

WooCommerce Sale Badge Border Size – Controls the border size of the sale badge. Enter values including any valid CSS unit, ex: 0px, 0px, 0px, 0px.

WooCommerce Sale Badge Border Color – Controls the border color of the sale badge.

WooCommerce Sale Badge Text – [percentage] and [value] placeholders can be used to display product discount as percentage or as a value, ex: [percentage] Off!

Global WooCommerce Product Sidebar 1 – Select sidebar 1 that will display on all WooCommerce products.

Global WooCommerce Product Sidebar 2 – Select sidebar 2 that will display on all WooCommerce products. Sidebar 2 can only be used if sidebar 1 is selected.

Force Global Sidebars For WooCommerce Products – Turn on if you want to use the same sidebars on all WooCommerce products. This option overrides the WooCommerce post options.

Global WooCommerce Sidebar Position – Controls the position of sidebar 1 for all WooCommerce products and archive pages. If sidebar 2 is selected, it will display on the opposite side.

WooCommerce Archive Sidebar 1 – Select sidebar 1 that will display on the WooCommerce archive pages.

WooCommerce Archive Sidebar 2 – Select sidebar 2 that will display on the WooCommerce archive pages. Sidebar 2 can only be used if sidebar 1 is selected.