1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Longtime DU User. Installed Woocommercre for the first time - help!

Discussion in 'Basic Support Forum' started by Charlie Owen, Nov 15, 2019.

  1. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    I love DU - brilliant child theme.

    However, I've got a bunch of issues since trying out woocommerce that I hope you can help with

    I put them all in one topic it didn't get spammy

    1. How to remove the white space below the footer on pages with just a notice as content - or make it a "Sticky Footer"
    https://i.gyazo.com/cb4cccbd4c4470fd63f80702c1ff43e8.png

    2. The header does not sit below the menu bar on new pages - in particular, the shop page and the "No Results Found Page"
    https://i.gyazo.com/c066f2a22c57504eedba2df78222168b.png

    3. I have pages like "Shop" that still show the sidebar even when it is set to no sidebar.

    4. A font is 100% skinned as #fffff in DIVI but always outputs in this spot as black. Can I get the CSS to correct, please?
    https://i.gyazo.com/3817ecdb4eec28742f71d2e0d1e2d84f.png

    5. Are there any Divi Ultimate examples layouts for woocommerce pages?

    6. Can I set a different header style with a different menu with the store?

    Thanks for your time - keep up the great work!
     
    #1 Charlie Owen, Nov 15, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    1. Try the below code in Divi > Theme Options > Integration > Body Code:
    Code:
    Log In or Sign Up to view this code.
    **Adapted from: https://www.elegantthemes.com/blog/divi-resources/how-to-make-your-divi-footer-sticky

    2. Try to set a solid color for Primary Menu background in Theme Customizer > Header & Navigation > Primary Menu Bar > Background Color. As for the sticky Primary Menu background, you can have it half transparent by setting it at Theme Customizer > Header & Navigation > Fixed Navigation Settings > Primary Menu Background Color.

    3. You can set that in WP Admin > Divi > Theme Options > General > Shop Page & Category Page Layout for WooCommerce > Fullwidth.

    4. Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    5. Nope. We don't have any templates for Woocommerce pages. We only have a homepage layout that uses the shop module: https://diviultimate.com/shop-2/
    **By default, you can't style the Woocommerce pages, as they're all loaded from Woocommerce shortcodes. You can only style them with CSS.
    **But in Divi 4.0 - Divi Theme Builder, you can style the product page: https://www.elegantthemes.com/blog/...roduct-page-template-with-divis-theme-builder
    **But not for the checkout / cart page.

    6. For that you need to use Divi Theme Builder in Divi 4.0 as well. You will have to build the custom header using Divi Builder & set it to be shown in Woocommerce pages only.
    **When creating custom header in Divi Theme Builder, you can choose to load our premade header styles for a quick start. Few things to note when you're using our premade header styles in Divi Theme Builder:
    • You will need to create another section for mobile menu.
    • Premade header style 11 & 12 (vertical navigation) doesn't work in Divi Theme Builder.
     
    #2 Divi.Help Pro Support, Nov 15, 2019
(You must log in or sign up to post here.)