CATEGORIES LIST
Add the Categories List element by clicking +Add -> WooCommerce -> Categories List.
Images
Borders - style the category image borders.
Box Shadow - style the category image box shadow.
Typography
Links - style the category links.
Quantity - style the item count.
Categories Query
Select which categories you would like to return. The default settings will return all categories.
PRODUCT IMAGES
Add the Product Images element to the Product Builder by clicking +Add -> WooCommerce -> Product Images.
Layout
Use this tab to set a border radius on your images and select where you want the image thumbnails to appear.
Original Thumbnail
Use this tab to style the image thumbnails.
Hovered Thumbnail
Use this tab to style the thumbnails when they're hovered.
Active Thumbnail
Use this tab to style the active thumbnail.
Zoom Icon
Use this tab to style the zoom icon.
Sale Badge
Use this tab to style the sale badge.
The Product Images element must be used within the Product Builder element.
Oxygen's WooCommerce integration makes it easy to create the My Account page using the My Account element. This element needs to be added to the page assigned to "My account page" via WooCommerce -> Settings -> Advanced.
MY ACCOUNT
Add the My Account element to your template by clicking +Add -> WooCommerce -> My Account.
Account Menu
Style the menu and set the display options.
Menu Links
Layout - style the menu borders.
Typography - style the link typography.
Hover - style the link hover.
Active Link - style the active link.
Plain Texts
Style the my account typography.
Headings
Style the typography of the headings.
Labels
Style the label typography.
Required Labels - style the required labels.
Primary Button
Set the button background color, text color, padding, outline color, outline width and outline style.
Button Border- style the button border.
Button Typography - style the button typography.
Hover Colors - style the button hover colors.
Secondary Button
Set the secondary button background color, text color and padding.
Button Border- style the secondary button border.
Button Typography - style the secondary button typography.
Hover Colors - style the secondary button hover colors.
Table
Set the table border color.
Table Texts - style the table typography.
Table Bold Texts - style the bold table typography.
Inputs
Style the input padding, font family and font size.
Input Border - style the input border.
Input Focus - style the focused input border.
PRODUCT INFO
Add the Product Info element to the Product Builder by clicking +Add -> WooCommerce -> Product Info.
Typography - style the labels on the Additional Information tab.
Value Typography - style the values on the Additional Information tab.
Cell Content - style the cells on the Additional Information tab.
The Product Info element must be used within the Product Builder element.
