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

[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!

[Elvin]

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?"

[John MacKenzie]

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

[Elvin]

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?"

[John MacKenzie]

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

thanks!
John

[Elvin]

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?"

[John MacKenzie]

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

thanks!

John

[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

[David]

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>

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John MacKenzie]

thanks!

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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!

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John MacKenzie]

thanks

[David]

Try adding this CSS:

.nav.woocommerce-breadcrumb {
    max-width: 1200px;
    padding: 20px;
    margin: auto;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts