PRODUCT PRICE
Add the Product Price element to the Product Builder by clicking +Add -> WooCommerce -> Product Price.
Color & Typography
Use this tab to style the price typography.
Strikethrough On Sale
Use this tab to style the strikethrough price if the product is on sale.
The Product Price element must be used within the Product Builder element.
Oxygen's WooCommerce integration makes it easy to create a template to display a product.
To create a product template, go to Oxygen -> Templates and add a new template. Apply the template to your products via WHERE DOES THIS TEMPLATE APPLY -> Singular -> Products.
PRODUCT BUILDER
Add the Product Builder element to your template by clicking +Add -> WooCommerce -> Product Builder. The element will give you a default layout for a product. You can customize it by adding individual elements from the Available Product Elements selection on the left.
The elements available via Available Product Elements must be used within the Product Builder element.
PRODUCT RATING
Add the Product Rating element to the Product Builder by clicking +Add -> WooCommerce -> Product Rating.
Layout
Select how you want the rating displayed.
Link
Set the space around the link.
Normal - Style the link typography.
Hover - Set the hover color and text decoration.
Stars
Style the appearance of the stars.
The Product Rating element must be used within the Product Builder element.
ARCHIVE DESCRIPTION
Add the Archive Description element by clicking +Add -> WooCommerce -> Archive Description.
Style the typography.
PRODUCT CART BUTTON
Add the Product Cart Button element to the Product Builder by clicking +Add -> WooCommerce -> Product Cart Button.
Labels
If your product has selectable options then you can use this tab to style the labels.
Inputs
If your product has selectable options then you can use this tab to style the inputs.
Clear Link
Price Amount
Color & Typography - if you are using variable products then you can use this tab to style the price typography.
Strikethrough On Sale - if you are using variable products that are on sale, you can use this tab to style the strikethrough typography.
In Stock Text
If you are managing stock for your product then you can use this tab to style the "in stock" typography.
Out of Stock Text
If you are managing stock for your product then you can use this tab to style the "out of stock" typography.
Add to Cart Button
Use this tab to style the button and button typography.
The Product Cart Button element must be used within the Product Builder element.
ARCHIVE TITLE
Add the Archive Title element by clicking +Add -> WooCommerce -> Archive Title.
Style the typography.
PRODUCT DESCRIPTION
Add the Product Description element to the Product Builder by clicking +Add -> WooCommerce -> Product Description. Use the Primary tab to change the typography settings.
The Product Description element must be used within the Product Builder element.
BREADCRUMB
Add the Breadcrumb element by clicking +Add -> WooCommerce -> Breadcrumb.
Typography - style the breadcrumb typography.
Links - style the breadcrumb links.
PRODUCT EXCERPT
Add the Product Excerpt element to the Product Builder by clicking +Add -> WooCommerce -> Product Excerpt. Use the Primary tab to change the typography settings.
The Product Excerpt element must be used within the Product Builder element.
