Change Breadcrumbs or Shop page

  • Resolved smswise

    (@smswise)


    2 years, 10 months ago

    Hello,

    I am trying to adjust my shop page/breadcrumb trail. Basically, I’ve build a custom shop page with some carousels. But when I make it my default shop page, all of the items display at the bottom, under my built page. I don’t want it to look like a default shop page, but I want the breadcrumb trail to go from Home–> Media –> Product Category. I can get it to do this in breadcrumbs, but then all of the items show at the bottom of my Media (shop) page.

    Any insight for how to fix one or both? I’ve tried a few CSS codes to change the breadcrumbs manually but no dice.

    Thanks!

    Scott

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

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

  • Hi Scott!

    WooCommerce automatically adds the list of products on your website to any page that is designated as the shop, but you should be able to use some Custom CSS to hide the products on that page after assigning it as your Shop.

    The following CSS snippet will hide the Products list, pagination, filtering dropdown and result count on the main shop page but leaves the Breadcrumbs intact.

    .palette-primary.woocommerce-shop .content-area :is(.woocommerce-result-count, .woocommerce-ordering, .products, .pagination) { display: none; }

    I hope that CSS helps you create the design you are looking for and please let us know if you ever have any other questions for us!

    Thread Starter smswise

    (@smswise)

    Worked perfectly! Thanks so much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Breadcrumbs or Shop page’ is closed to new replies.

Tags