Woo Checkout Tabs Element

Choose A Tabbed Layout That Works

Buy Avada
Discover More
Prebuilt Websites

Woo Checkout Tabs Element

Two Layouts, Add Anywhere On Product Pages

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.

checkout-tabs-horizontal
checkout-tabs-vertical

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.

layout

Layout

Choose the tabs layout.

space-between-nav-and-content

Space Between Nav & Content

Set space between tab nav and tab content sections.

show-tab-content-headings

Show Tab Content Headings

Choose to have tab content headings displayed.

Margin

In pixels or percentage.

background-color

Background Color

Controls the background tab color.

inactive-background-color

Inactive Background Color

Controls the inactive tab background color.

inactive-nav-text-color

Inactive Nav Text Color

Controls the color of the inactive nav text color.

active-nav-text-color

Active Nav Text Color

Controls the color of the active nav text color.

border-color

Border Color

Controls the border color.

nav-padding

Nav Padding

Enter values including any valid CSS unit.

content-padding

Content Padding

Enter values including any valid CSS unit.

content-heading-color

Content Heading Color

Controls the color of the content heading.

content-heading-font-family

Content Heading Font Family

Controls the font family of the content heading.

content-heading-font-size

Content Heading Font Size

Controls the font size of the content heading.

content-heading-color

Content Heading Text Color

Controls the color of the content text.

content-text-font-family

Content Text Font Family

Controls the font family of the content text.

content-text-font-size

Content Text Font Size

Controls the font size of the content text.

link-color

Link Color

Controls the link color of the payments text.

link-hover-color

Link Hover Color

Controls the link hover color of the payments text.

billing-field-background

Form Field Background Color

Controls the background color of the form input fields.

billing-field-text

Form Field text Color

Controls the text color of the form input fields.

billing-field-border

Field Border Color

Controls the border color of the form input fields.

billing-field-border-focus

Field Border Color on Focus

Controls the border color of the form input fields on focus.

payment-label-padding

Payment Label Padding

Enter values including any valid CSS unit.

payment-label-background-color

Payment Label Background Color

Controls the payment label background color.

payment-label-hover-background-color

Payment Label Hover Background Color

Controls the payment label hover background color.

payment-label-color

Payment Label Color

Controls the payment label color.

payment-label-hover-color

Payment Label Hover Color

Controls the payment label hover color.

payment-description-background-color

Payment Description Background Color

Enter values including any valid CSS unit.

payment-description-text-color

Payment Description Text Color

Controls the payment description text color.

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

675,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