It offers an array of impressive sections tailored specifically for WooCommerce .
AJAX-ready elements like mini cart counters and toast notifications enhance the user experience.
WooCore includes essential WooCommerce pages like Cart, Checkout, Account, and Shop pages. Additionally, it offers a wide selection of uniquely designed Product Archive and Single Product templates to meet your specific e-commerce requirements.
✅ Features:
All WooCommerce pages are built with care
Responsive Product Filter
Custom-made Toast Notifications
Installation Guide for Oxygen 🟪
1. Oxygen Builder
Please make sure you have installed and activated Oxygen Builder. You will need to navigate to Oxygen → Settings → Library → set 'Enable 3rd Party Design Sets ' → Add Design Set → and paste in your WooCore site key before clicking on 'Add Source Site'.
2. Core Framework
Please install and activate the Core Framework plugin. Be sure to choose the Full experience option during onboarding.
Next, kindly navigate to Core Framework → Addons and enter your license key for Oxygen Builder Core Framework add-on. Don't forget to hit 'Save Changes' .
Then, navigate to Core Framework → Manage Project . Here, you can import the WooCore.core project file. Click 'Overwrite ' and then 'Save Changes' .
3. Oxygen Elements for WooCommerce
Install and activate Oxygen Elements for WooCommerce , which is a plugin from the team at Oxygen Builder. If purchased, you can find it in your dashboard when logging into the Oxygen website.
4. Install WooCommerce
Make sure that you install and activate WooCommerce and kindly go through the setup when prompted. WooCommerce needs to be activated in order to make use of the Product Builder elements from Oxygen.
5. Import Global Styles
In order to streamline your setup, please use our blueprint Global Styles file for Oxygen Builder so that the necessary styles are applied globally. You can do this by navigating to the Oxygen Export & Import section under Oxygen from the WordPress dashboard and copying the JSON from our blueprint.
6. Create a Global Stylesheet
The CSS linked below is necessary for styling many elements. We did not include this CSS in Core Framework as it contains class fixes and does not relate to a framework per se .
Use the CSS located here.
7. Copy PHP to a Snippet Plugin:
The PHP linked below is necessary in order for the cart counter to work using WooCommerce's built-in AJAX. We recommend FluentSnippets as a snippet editor as it will work, and it is free!
Use the PHP located here.
8. Using Templates/Pages
WooCore comes with a dozen ready-to-use templates and pages that you can import using Oxygen's design set/library feature.
WooCore does not contain any elements under the 'Sections & Elements' within the Design Sets section. WooCore is primarily made up of Pages and Templates only.
When you are in Oxygen Builder, you can locate WooCore templates/pages by clicking +Add → Library → Design Sets → WooCore → Templates
In order for the templates to show up, you will need to be editing an Oxygen template. Pages will show up on both template pages, and normal pages.
Main Template
The first template to import is the Main template. The main template consists of the header, footer and inner content. It also includes some code blocks which are important for the functionality of WooCore. Example: automatically disappearing notice boxes after adding a product to cart, etc.
Create a New Template in Oxygen, and set it as "Catch All":
Shop Archive
The same principles apply to the Shop Archive template.
Create a new template named something appropriately -- such as Shop Archive -- and apply it as Archive → Post Types → Product (You may also want to check All Archives depending on your needs):
Edit with Oxygen and +Add the Product Archive template of your choice from the Design Sets section.
Single Product
Now, let's set up the single product template. In this case, let's select Singular -> Products in the template settings:
Edit with Oxygen and +Add the Single Product template of your choice.
Pages
There are also predesigned Cart, Checkout, My Account pages.
You can find them again in the Oxygen library, under WooCore / Pages folder.
Since you installed WooCommerce these pages should be already existing in your install. Just edit them with Oxygen and import the appropriate pages from the library.
Installation Guide for Bricks 🟨
This section will be completed once the conversion of CoreKit for Bricks is complete.
Required CSS:
This CSS is necessary for styling many elements. We did not include this CSS in Core Framework as it contains class fixes and does not relate to a framework per se . This is required for both Oxygen and Bricks versions of WooCore:
Copy /****** GENERAL WOOCORE ******/
/********** THIS SECTION INCLUDES FIXES FOR WOOCOMMERCE 8.4.0 **********/
#place_order {
background-color : var (--secondary) ;
color : var (--light) ;
}
/* Add Checkmark on ATC Button After Added */
.woocommerce #respond input #submit.added::after ,
.woocommerce a .button.added::after ,
.woocommerce button .button.added::after ,
.woocommerce input .button.added::after {
font-family : WooCommerce ;
content : "\e017" ;
margin-left : 0.53 em ;
vertical-align : bottom ;
}
/* Add Loading Icon when clicking on ATC button */
.woocommerce a .button.loading:after {
font-family : WooCommerce ;
content : " \e01c " ;
margin-left : 0.53 em ;
vertical-align : bottom ;
-webkit-font-smoothing : antialiased ;
font-weight : 400 ;
-webkit-animation : spin 2 s linear infinite ;
-moz-animation : spin 2 s linear infinite ;
animation : spin 2 s linear infinite ;
}
/* WooCommerce Slide Up Notification in Product Builder */
.woocommerce-notices-wrapper .wc-block-components-notice-banner {
align-items : center ;
}
.woocommerce-notices-wrapper
.wc-block-components-notice-banner
> .wc-block-components-notice-banner__content {
padding-right : 0 ;
display : flex ;
flex-direction : row-reverse ;
align-items : center ;
gap : var (--space-s) ;
}
.woocommerce-notices-wrapper
.wc-block-components-notice-banner
> .wc-block-components-notice-banner__content
.wc-forward {
-webkit-appearance : none ;
-moz-appearance : none ;
appearance : none ;
display : flex !important ;
align-items : center !important ;
justify-content : center !important ;
padding : var (--space-xs) var (--space-s) !important ;
background : var (--secondary) !important ;
border-color : var (--secondary-d-1) !important ;
color : var (--light) !important ;
float : unset ;
margin : unset ;
text-decoration : none ;
}
/* Discount Code Box on Cart Page*/
.woocommerce-page .woocommerce-cart-form #coupon_code {
font-size : var (--text-s) !important ;
}
@media only screen and ( max-width : 768 px ) {
.woocommerce-page .woocommerce-cart-form #coupon_code {
width : 50 % ;
margin-right : var (--space-xs) ;
}
}
/* Checkout Fields */
.woocommerce-page .input-text {
font-size : var (--text-s) !important ;
}
.woocommerce-page .select2-container .select2-search__field ,
.woocommerce-page .select2-container .select2-selection {
font-size : var (--text-s) !important ;
}
/* Added to Cart animation */
@keyframes slideUp {
0% {
transform : translateY (200 % ) ; /* Start off-screen */
}
100% {
transform : translateY (0) ; /* Slide into view */
}
}
@keyframes slideDown {
0% {
transform : translateY (0) ; /* Start in view */
}
100% {
transform : translateY (200 % ) ; /* Slide back off-screen */
}
}
.added-to-cart--animate-up {
animation : slideUp 0.5 s ease forwards ;
}
.added-to-cart--animate-down {
animation : slideDown 0.5 s ease forwards ;
}
.added-to-cart--success svg {
background-color : #4ab866 ;
fill : #fff ;
border-radius : 50 % ;
padding : 2 px ;
}
.price ins {
text-decoration : none ;
}
.woocommerce label [ for = "payment_method_woocommerce_payments" ] ,
.woocommerce label [ for = "payment_method_bacs" ] ,
.woocommerce label [ for = "payment_method_cod" ] {
display : unset ;
}
/********** END OF 8.4.0 fixes **********/
/* IMG OBJECT FIT - USE ON IMAGE OR IMAGE WRAPPER TO CHANGE OBJECT FIT OF THE IMAGE */
.wc-img-cover ,
.wc-img-cover img {
object-fit : cover ;
object-position : center ;
width : 100 % ;
height : 100 % ;
}
.wc-img-contain ,
.wc-img-contain img {
object-fit : contain ;
object-position : center ;
width : 100 % ;
height : 100 % ;
}
/* WOOCOMMERCE IMAGE GRID 1*/
.wc-image-grid-1 {
display : grid !important ;
grid-template-columns : 1 fr 1 fr ;
grid-gap : 10 px ;
}
.wc-image-grid-1 * {
width : 100 % !important ;
border-radius : 2 px ;
margin : 0 !important ;
}
.wc-image-grid-1 * :nth-child ( 1 ) {
grid-column : 1 / -1 ;
max-height : 800 px ;
object-fit : cover ;
object-position : center ;
}
.wc-grid-img {
width : 100 % !important ;
height : 100 % !important ;
object-fit : cover ;
object-position : center ;
}
/* CSS FIX */
#ct-builder .wc-archive-item-1 ,
#ct-builder .wc-archive-item-2 ,
#ct-builder .wc-archive-item-3 ,
#ct-builder .wc-archive-item-4 {
max-width : 350 px ;
}
.oxy-dynamic-list .oxy-product-wrapper-inner {
height : 100 % ;
}
div .c-divider ,
div .wc-full-divider {
min-height : 1 px !important ;
}
.oxy-repeater-pages-wrap {
grid-column : 1 / -1 ;
}
.oxy-product-info h2 {
margin-bottom : 20 px !important ;
}
.widget_top_rated_products h2 ,
.woocommerce .widget_shopping_cart h2 ,
.woocommerce .widget_products h2 ,
.woocommerce .widget_product_categories h2 ,
.woocommerce .widget_layered_nav_filters h2 ,
.woocommerce .woocommerce-widget-layered-nav h2 ,
.woocommerce .widget_rating_filter h2 ,
.woocommerce .widget_price_filter h2 ,
.woocommerce div .widget_product_tag_cloud h2 ,
.woocommerce h1 .page-title ,
.woocommerce h1 .product_title ,
.woocommerce section .related.products h2 ,
.woocommerce section .upsells.products h2 ,
.woocommerce h2 .woocommerce-Reviews-title ,
.woocommerce span .comment-reply-title ,
.woocommerce-Tabs-panel h2 ,
h2 .woocommerce-order-downloads__title ,
.woocommerce-orders article header h1 ,
.woocommerce-account article header h1 ,
.woocommerce-downloads article header h1 ,
.woocommerce-edit-address article header h1 ,
.woocommerce-account h2 ,
.woocommerce-Address-title h3 ,
.woocommerce-MyAccount-content h3 ,
.woocommerce-EditAccountForm legend ,
h1 .oxy-woo-archive-title ,
h2 .woocommerce-column__title ,
h2 .woocommerce-order-downloads__title ,
h2 .woocommerce-order-details__title ,
.woocommerce-billing-fields h3 ,
.woocommerce-checkout h3 ,
.woocommerce .cart_totals h2 ,
.woocommerce .cross-sells h2 {
color : inherit ;
font-weight : inherit ;
line-height : inherit ;
}
.woocommerce .price_label .from ,
.woocommerce .price_label .to ,
.woocommerce ul .products li .product .price ,
.product-quantity ,
.woocommerce .price ins ,
.woocommerce-Price-amount ,
.woocommerce-loop-category__title .count ,
.woocommerce .price {
font-weight : 600 ;
}
.woocommerce a .added_to_cart {
display : none !important ;
}
.wc-price-container .price {
display : flex ;
flex-direction : row ;
align-items : center ;
}
.wc-price-container .price > del {
order : 2 ;
}
.wc-price-container .price > ins {
padding-right : 10 px ;
}
/* CATEGORIES LIST */
.wc-cat-list-1 .woocommerce .products ul ::after ,
.wc-cat-list-1 .woocommerce .products ul ::before ,
.wc-cat-list-1 .woocommerce ul .products::after ,
.wc-cat-list-1 .woocommerce ul .products::before {
display : none ;
}
.wc-cat-list-1 .columns-4 {
display : inline ;
}
.wc-cat-list-1.oxy-woo-product-categories
.woocommerce
ul .products
li .product-category
a
img {
margin-bottom : 0 ;
}
.wc-cat-list-1.oxy-woo-product-categories
.woocommerce
ul .products
li .product
a {
align-items : center ;
display : grid ;
grid-template-columns : 80 px 1 fr ;
grid-gap : 15 px ;
background : white ;
border-radius : 0 ;
overflow : hidden ;
padding : 0 px ;
box-shadow : 0 px 3 px 10 px #00000017 ;
transition : all 0.3 s ;
}
.wc-cat-list-1.oxy-woo-product-categories
.woocommerce
ul .products
li .product
a :hover {
transform : translatey (-3 px ) ;
box-shadow : 0 px 5 px 20 px #00000017 ;
}
.wc-cat-list-1.oxy-woo-product-categories .woocommerce ul .products li .product ,
.wc-cat-list-1.woocommerce-page ul .products li .product {
width : 100 % ;
padding : 0 ;
margin : 0 ;
}
.wc-cat-list-1.oxy-woo-product-categories .woocommerce ul .products {
display : grid ;
width : 100 % ;
grid-template-columns : repeat (auto-fill , minmax (300 px , 1 fr )) ;
grid-gap : 15 px ;
margin : 0 ;
}
/* TABS TO ACCORDION CSS FIX */
.tab-accordion {
border : 1 px solid #e8e8e8 ;
background : none ;
width : 100 % ;
justify-content : center ;
margin-bottom : 20 px ;
}
/* CUSTOM SALE & NEW BADGES */
.wc-sale-badge ,
.wc-new-badge {
display : block ;
background : white ;
color : black ;
text-transform : uppercase ;
letter-spacing : 1 px ;
font-size : 11 px ;
font-weight : 700 ;
padding : 3 px 6 px ;
box-shadow : 0 1 px 5 px #0000001c ;
margin : 5 px ;
opacity : 0.8 ;
}
.wc-sale-badge {
background : black ;
color : white ;
}
/* WOOCOMMERCE ARCHIVE STYLE 1 */
.wc-archive-item-1 img {
width : 100 % ;
height : 100 % ;
object-fit : cover ;
transition : all 0.6 s !important ;
}
@media only screen and ( min-width : 992 px ) {
.wc-archive-item-1-content {
opacity : 0 ;
}
.wc-archive-item-1-title {
transform : translateY (-25 px ) ;
}
.wc-archive-item-1-price {
transform : translateY (25 px ) ;
}
.wc-archive-item-1:hover img {
transform : scale (1.2) ;
opacity : 0.1 ;
}
.wc-archive-item-1:hover .wc-archive-item-1-content {
opacity : 1 ;
}
.wc-archive-item-1:hover .wc-archive-item-1-title ,
.wc-archive-item-1:hover .wc-archive-item-1-price {
transform : translatey (0) ;
}
}
/* ARCHIVE STYLE 2 */
.wc-archive-item-2 .add_to_cart_inline {
margin : 0 ;
}
.wc-archive-item-2 .atc-code-block {
position : absolute ;
bottom : 0 ;
left : 0 ;
z-index : 3 ;
transition : all 0.6 s ;
}
.wc-archive-item-2 .woocommerce a .button {
width : 100 % ;
padding : 10 px ;
background-color : rgba (0 , 0 , 0 , 0.4) ;
border : none ;
border-radius : 0 ;
font-size : 12 px ;
font-weight : 500 ;
text-align : center ;
text-transform : uppercase ;
letter-spacing : 1 px ;
color : #ffffff ;
margin : 0 ;
}
.wc-archive-item-2 .woocommerce a .button:hover {
background-color : rgba (0 , 0 , 0 , 0.6) ;
}
@media only screen and ( min-width : 992 px ) {
.wc-archive-item-2 .atc-code-block {
transform : translatey (100 % ) ;
}
.wc-archive-item-2:hover .atc-code-block {
transform : translatey (0 px ) ;
}
}
.wc-archive-item-2-img img {
width : 100 % ;
height : 100 % ;
object-fit : cover ;
object-position : center ;
}
/* ARCHIVE STYLE 3 */
.wc-archive-item-3 .woocommerce a .button {
max-width : 150 px ;
padding : 10 px ;
background-color : rgba (0 , 0 , 0 , 0.1) ;
border : none ;
border-radius : 2 px ;
font-size : 11 px ;
font-weight : 500 ;
text-align : center ;
text-transform : uppercase ;
letter-spacing : 1 px ;
color : grey ;
transition : all 1 s ;
margin : 0 ;
}
.wc-archive-item-3 .add_to_cart_inline {
display : flex ;
justify-content : center ;
}
.wc-archive-item-3 .woocommerce a .button:hover {
background-color : rgba (0 , 0 , 0 , 0.5) ;
color : white ;
}
.wc-archive-item-3-img img {
width : 100 % ;
height : 100 % ;
object-fit : cover ;
object-position : center ;
}
/* ARCHIVE STYLE 4 */
.wc-archive-item-4 .woocommerce a .button {
padding : 10 px ;
background-color : rgba (0 , 0 , 0 , 0.1) ;
border : none ;
border-radius : 2 px ;
font-size : 11 px ;
font-weight : 500 ;
text-transform : uppercase ;
letter-spacing : 1 px ;
color : grey ;
transition : all 1 s ;
margin : 0 ;
}
.wc-archive-item-4 .woocommerce a .button:hover {
background-color : rgba (0 , 0 , 0 , 0.5) ;
color : white ;
}
.wc-archive-item-4-img img {
width : 100 % ;
height : 100 % ;
object-fit : cover ;
object-position : center ;
}
/****** WOOCORE NOTICE BOXES ******/
/* WOOCOMMERCE NOTICES FLOATING BOX */
.woocommerce-notices-wrapper {
position : fixed ;
bottom : 20 px ;
right : 20 px ;
z-index : 100 ;
transition : all 0.6 s ;
animation : slide-up-fade-in ease 1 s ;
animation-iteration-count : 1 ;
transform-origin : 50 % 50 % ;
animation-fill-mode : forwards ; /*when the spec is finished*/
opacity : 0 ;
}
.woocommerce-message ,
.woocommerce-info ,
.woocommerce-error {
display : flex ;
align-items : center ;
border : none ;
box-shadow : 0 5 px 15 px #00000017 ;
border-radius : 2 px ;
background : white ;
z-index : 100 ;
transition : all 0.6 s ;
}
.woocommerce-message .button ,
.woocommerce-info .button ,
.woocommerce-error .button {
margin-left : 20 px !important ;
order : 5 ;
}
.woocommerce-error::before ,
.woocommerce-info::before ,
.woocommerce-message::before {
top : auto ;
left : 1.5 em ;
}
.showcoupon {
padding : 5 px ;
}
/* FLOATING BOX - SLIDE UP */
@keyframes slide-up-fade-in {
0% {
opacity : 0 ;
transform : translatey (200 px ) ;
}
100% {
opacity : 1 ;
transform : translatey (0 px ) ;
}
}
/* FLOATING BOX - SLIDE DOWN */
@keyframes slide-down-fade-in {
0% {
opacity : 1 ;
transform : translatey (0 px ) ;
}
100% {
opacity : 0 ;
transform : translatey (200 px ) ;
}
}
.hide-notification:not ( .oxy-woo-checkout ) {
animation : slide-down-fade-in ease 1 s ;
animation-iteration-count : 1 ;
transform-origin : 50 % 50 % ;
animation-fill-mode : forwards ; /*when the spec is finished*/
}
/****** VARIATION SWATCHES ******/
.woocommerce div .product p .price {
font-weight : 400 ;
font-size : 20 px ;
color : #303030 ;
}
ul .variable-items-wrapper {
display : flex ;
flex-direction : row ;
flex-wrap : wrap ;
padding : 0 ;
margin : 0 0 10 px 0 ;
}
ul .variable-items-wrapper li {
list-style-type : none ;
padding : 5 px 10 px ;
border : 1 px solid #e8e8e8 ;
background : white ;
border-radius : 2 px ;
margin-right : 10 px ;
margin-bottom : 10 px ;
font-size : 12 px ;
font-weight : 500 ;
}
ul .variable-items-wrapper li .color-variable-item {
padding : 2 px ;
}
ul .variable-items-wrapper .variable-item-span-color {
width : 20 px ;
height : 20 px ;
border-radius : 2 px ;
display : block ;
}
ul .variable-items-wrapper li :hover ,
ul .variable-items-wrapper li .selected {
border : 1 px solid grey ;
}
ul .variable-items-wrapper li :focus {
outline : none ;
}
/* SOLD OUT VARIATIONS */
ul .variable-items-wrapper li .disabled {
transition : al 0.6 s ;
opacity : 0.3 ;
cursor : not-allowed ;
}
ul .variable-items-wrapper li .disabled:hover {
border : 1 px solid #e8e8e8 ;
}
/****** WOOCORE REVIEWS ******/
.woocommerce textarea ,
.woocommerce input ,
.woocommerce select {
max-width : 100 % ;
}
.woocommerce #reviews #comments h2 {
margin-bottom : 24 px ;
}
#reviews.cr-reviews-ajax-reviews .comment-reply-title {
font-size : 1 em ;
}
#reviews.cr-reviews-ajax-reviews div .cr-ajax-reviews-cus-images-div2 {
overflow-x : auto ;
}
.woocommerce #reviews #comments ol .commentlist li .comment-text {
border : none ;
border-top : none ;
border-radius : 0 ;
background : none ;
padding : 0 ;
}
.woocommerce #reviews #comments .comment_container ,
div .cr-ajax-reviews-sort-div ,
.cr-ajax-reviews-cus-images-div {
padding-bottom : 20 px ;
margin-bottom : 20 px ;
border-bottom : 1 px solid #e8e8e8 ;
}
.woocommerce #reviews #comments ol .commentlist li img .avatar {
padding : 0 ;
width : 30 px ;
height : 30 px ;
background : none ;
border : none ;
border-radius : 100 % ;
}
span .ivole-voting-cont {
font-size : 12 px ;
margin : 10 px 0 px ;
color : #3d3d3d ;
}
/* SUMMARY BAR */
.ivole-meter {
background : #dddddd !important ;
height : 7 px ;
border-radius : 2 px ;
box-shadow : none ;
}
.ivole-meter .ivole-meter-bar {
border-radius : 2 px ;
box-shadow : none ;
background : #a1a1a1 !important ;
}
.ivole-meter .ivole-meter-bar:before {
display : none ;
}
/* BUTTONS */
button .cr-ajax-reviews-add-review ,
#cr-ajax-reviews-sort {
cursor : pointer ;
border-radius : 2 px ;
border : 1 px solid ;
padding : 12 px ;
background : #ddd0 !important ;
color : #434343 ;
font-size : 14 px ;
font-weight : 400 ;
font-family : inherit ;
transition : all 0.4 s ;
}
#cr-ajax-reviews-sort {
border : none ;
padding : 0 ;
}
#cr-ajax-reviews-sort:focus {
box-shadow : none ;
}
#cr-ajax-reviews-sort ,
button .cr-ajax-reviews-add-review:hover {
color : black ;
}
/****** WOOCORE MINICART ******/
.woocommerce .woocommerce-mini-cart__total strong ,
.woocommerce .woocommerce-mini-cart span .quantity ,
.woocommerce-Price-amount ,
.woocommerce-mini-cart-item a ,
.woocommerce ul .cart_list li dl ,
.woocommerce ul .product_list_widget li dl {
line-height : 1.5 ;
font-size : 12 px ;
}
.widget.woocommerce.widget_shopping_cart {
padding : 0 ;
border-bottom : none ;
}
.woocommerce ul .cart_list li ,
.woocommerce ul .product_list_widget li {
padding : 10 px 0 10 px 0 !important ;
}
.woocommerce .widget_shopping_cart .total ,
.woocommerce.widget_shopping_cart .total {
border-top : none ;
}
.woocommerce-mini-cart-item {
position : relative ;
}
.woocommerce ul .product_list_widget li img {
border : 1 px solid #e8e8e8 ;
border-radius : 2 px ;
width : 40 px ;
height : 40 px ;
object-fit : cover ;
object-position : center ;
float : left ;
margin-bottom : 10 px ;
margin-right : 10 px ;
margin-left : 0 ;
margin-top : 0 ;
}
.woocommerce ul .product_list_widget li a {
display : flex ;
flex-direction : row ;
}
/* PRICE & QUANTITY */
.woocommerce ul .cart_list li dl ,
.woocommerce ul .product_list_widget li dl {
margin : 0 0 5 px 0 ;
padding-left : 0 ;
border-left : 0 ;
display : flex ;
flex-direction : row ;
width : 100 % ;
}
.woocommerce .widget_shopping_cart .cart_list li a .remove ,
.woocommerce.widget_shopping_cart .cart_list li a .remove {
color : #000 !important ;
}
.woocommerce ul .cart_list li dl dt ,
.woocommerce ul .product_list_widget li dl dt {
padding : 0 ;
margin : 0 ;
}
.woocommerce ul .cart_list li dl dd ,
.woocommerce ul .product_list_widget li dl dd {
padding : 0 ;
margin : 0 ;
}
.woocommerce ul .cart_list li dl dd p :last-child ,
.woocommerce ul .product_list_widget li dl dd p :last-child {
margin-bottom : 0 ;
margin : 0 ;
}
/* DROPDOWN */
.wc-menu-open {
position : relative ;
}
.wc-menu-open .wc-dropdown-cart {
opacity : 0 ;
position : absolute ;
top : 100 % ;
right : 0 ;
background : white ;
padding : 20 px ;
transition : all 0.2 s ;
}
.wc-menu-open:hover .wc-dropdown-cart {
opacity : 1 ;
visibility : visible ;
}
.wc-secondary-image {
position : absolute ;
width : 100 % ;
height : 100 % ;
left : 0 ;
top : 0 ;
right : 0 ;
bottom : 0 ;
opacity : 0 ;
z-index : 1 ;
transition : all 0.4 s !important ;
}
.wc-flip-images:hover .wc-secondary-image {
opacity : 1 ;
}
/****** WOOOCORE FILTERS ******/
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle ,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
background : #f5f5f5 ;
border : 1 px solid ;
border-radius : 100 % ;
-webkit-border-radius : 100 % ;
-khtml-border-radius : 100 % ;
-moz-border-radius : 100 % ;
height : 10 px ;
outline : 0 none ;
position : absolute ;
top : -4 px ;
width : 10 px ;
margin-left : -3 px ;
z-index : 2 ;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child ,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left : -3 px ;
}
.woocommerce .widget_price_filter .ui-slider-horizontal ,
.woocommerce-page .widget_price_filter .ui-slider-horizontal {
height : 2 px ;
}
.woocommerce .woocommerce-ordering {
margin : 0 ;
}
.widget.woocommerce {
padding : 25 px 0 ;
border-bottom : 1 px solid #e8e8e8 ;
}
span .count {
opacity : 0.6 ;
}
/* FILTER TOGGLES */
.wc-filters .widgettitle {
width : 100 % ;
position : relative ;
display : flex ;
align-items : center ;
cursor : pointer ;
transition : all 0.4 s ;
}
.wc-filters .widgettitle:hover {
opacity : 0.6 ;
}
.wc-filters .widgettitle:after {
content : "-" ;
width : 20 px ;
height : 20 px ;
position : absolute ;
top : 0 ;
right : 0 ;
}
.wc-filters .widgettitle.visible:after {
content : "+" ;
}
.wc-filters .widgettitle.visible {
margin : 0 ;
}
.wc-filters .widgettitle + * {
max-height : 1000 px ;
}
.wc-filters .widgettitle.visible + * {
max-height : 0 ;
overflow : hidden ;
}
/* EXPAND FILTER PANEL ON TABLETS AND PHONES */
@media only screen and ( max-width : 991 px ) {
.wc-filters.active {
transform : translatey (0) ;
}
}
/****** SPLIDE STYLING ******/
/* GALLERY SLIDER */
ul .splide__list {
width : 100 % ;
}
#primary-slider {
margin-bottom : 10 px ;
}
.splide__slide img {
width : 100 % ;
height : 100 % ;
object-fit : cover ;
object-position : center ;
}
.splide--nav > .splide__track > .splide__list > .splide__slide {
border : none !important ;
opacity : 0.5 ;
transition : opacity 0.6 s ;
}