WooCommerce

  • Hi.

    We′re in setup process of this site and found some ‘issues’:

    1) By using the ‘Off Canvas Filter’ the vertical menu on the right pushes away some pixels.

    2) Using the same filter on mobile the opened bar on the left is layered under the header section.

    3) As we setup all the shop / archive layouts completely with Elementor, is there a way to deactivate all WooCommerce styling via Ocean WP? There are always some elements – mostly the ‘Add to Cart’ button – that could not be styled as needed without.

    Great work with the theme – keep it on!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    1 & 2. After opening the off-canvas, it removes the scrollbar using overflow property, therefore it happens. Add the below code to the Customize > Custom CSS section fix it – 

    #oceanwp-off-canvas-sidebar-wrap, #oceanwp-off-canvas-sidebar-wrap .oceanwp-off-canvas-overlay {
    z-index: 9999;
}
#oceanwp-off-canvas-sidebar-wrap .oceanwp-off-canvas-sidebar {
    z-index: 99999;
}

    3. Yes, you can disable all the oceanwp woocommerce style. Please go to Customize > Woocommerce > General section and remove the custom woocommerce features.

    Thread Starter shenom

    (@shenom)

    Hi Amit.

    Thx for the fast support!

    1) There is no change with the CSS code.
    2) This is working.

    3) That don′t seem to be an option – switch to ‘off’ also deactivate the whole filter / view section on top of the products list. Even if this wouldn′t be the style of the ‘Add to Cart’ Elementor widget is still overwritten. It seems the OceanWP or WooCommerce style for this button is more ‘agressive’. Any more ideas here?

    Use the updated code and clear the cache – 

    #oceanwp-off-canvas-sidebar-wrap, #oceanwp-off-canvas-sidebar-wrap .oceanwp-off-canvas-overlay {
    z-index: 9999 !important;
}
#oceanwp-off-canvas-sidebar-wrap .oceanwp-off-canvas-sidebar {
    z-index: 99999 !important;
}

    TO disable the specific settings, you need to use custom code or use the default woocommerce settings.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WooCommerce’ is closed to new replies.