[Support request] Move breadcrumbs above left sidebar in woocommerce pages

Home Forums Support [Support request] Move breadcrumbs above left sidebar in woocommerce pages

Home Forums Support Move breadcrumbs above left sidebar in woocommerce pages

Viewing 15 posts - 1 through 15 (of 23 total)
  • Author
    Posts
  • #1583771
    John MacKenzie

    I tried using the function code and settings on this page
    https://generatepress.com/forums/topic/woocommerce-shop-move-page-title-and-breadcumbs-on-top/
    adding a header element with display Generate_before_left_sidebar_Content

    but it just prints the shortcode? how can I fix the function for the shortcode to work?
    yes I set the hook to run shortcode.

    Thnaks!

    #1583773
    Elvin
    Staff
    Customer Support

    Hi,

    Can you test the same shortcode on a page’s contents using the shortcode block on Gutenberg editor? To check if the shortcode actually works.

    Let us know. 🙂

    A wise man once said:
    "Have you cleared your cache?"

    #1585193
    John MacKenzie

    no it just prints the shortcode on a normal page as well.

    #1585213
    Elvin
    Staff
    Customer Support

    no it just prints the shortcode on a normal page as well.

    Thanks.

    That means the shortcode isn’t working.

    To clarify: Is this the one you’ve copied?

    function woocommerce_bcm() {
    woocommerce_breadcrumb();
    }
    add_shortcode( ‘woocommerce_bc’, ‘woocommerce_bcm’ );

    If so, can you check for syntaxes? ‘ should be replaced with '. Curly/smart quotes can cause issues within the code. Straight quotes should be used instead.

    A wise man once said:
    "Have you cleared your cache?"

    #1585261
    John MacKenzie

    thanks! ok so now how to i remove the breadcrumbs from above the product container?

    thanks!
    John

    #1585297
    Elvin
    Staff
    Customer Support

    thanks! ok so now how to i remove the breadcrumbs from above the product container?

    With the WooCommerce Module enabled on Appearance > GeneratePress, “Display Breadcrumbs” can be disabled by unchecking it via Appearance > Customize > Layout > WooCommerce.

    https://docs.generatepress.com/article/woocommerce-overview/#layout

    A wise man once said:
    "Have you cleared your cache?"

    #1586127
    John MacKenzie

    oh great thanks i thought that was going to turn off both but i should have tried.

    thanks!

    John

    #1586699
    John MacKenzie

    one more thing it appears the breadcrumbs dont stretch across the top of the page they stay squished in the left column?

    thanks!
    John

    #1586955
    David
    Staff
    Customer Support

    Hi there,

    you would hook your Shortcode into the generate_after_header hook and to stop it being full width you would need to wrap it in a grid-container div eg.

    <div class="grid-container">
    <!-- shortcode here -->
    </div>
    #1587670
    John MacKenzie

    thanks!

    #1587928
    David
    Staff
    Customer Support
    #1592752
    John MacKenzie

    reopening because this setting doesnt put the breadcrumbs above the left sidebar it puts it all the way over to the right of the screen (stretched) i need them to start above the left sidebar and extend overtop the main column depending on how long it is.

    thanks!

    #1592954
    David
    Staff
    Customer Support

    Can you provide a link to where i can see the issue.

    #1593313
    John MacKenzie

    thanks

    #1593371
    David
    Staff
    Customer Support

    Try adding this CSS:

    .nav.woocommerce-breadcrumb {
        max-width: 1200px;
        padding: 20px;
        margin: auto;
    }
Viewing 15 posts - 1 through 15 (of 23 total)
  • You must be logged in to reply to this topic.