Return to previous page

For the Breadcrumbs showing this below the Banner on the shop page

This topic has 7 replies, 4 voices, and was last updated 2 months, 1 weeks ago ago by Andrew Mitchell

  • Avatar: Martin
    Martin
    Participant
    May 12, 2024 at 15:07

    For the Breadcrumbs Is thay a way to show it belowe the banner on the Domain/shop Page ?

    The Breadcrumbs Start with Home/shop/… is this possible to make it start at Shop/……

    Then I can see 2 time the Categorie if I am in sub categorie is thay a way to remove on1.
    Now is
    Home/Shop/KNX
    KNX

    What I look at is only
    Shop/KNX/…

    Files is visible for topic creator and
    support staff only.
    #394844 Copied Theme version: 9.3.9
    6 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    May 13, 2024 at 05:22

    Hi @Martin,

    To move the breadcrumb below the banner on shop page, please add the following code under functions.php file locates in your child theme:

    
add_action('wp_footer', 'n2t_wp_footer');
function n2t_wp_footer(){
	?>
    <script>
        jQuery( function($){
            $(document).ready(function(){
                $('.woocommerce-shop .page-heading').insertAfter($('.category-description'));
            })
        });
    </script>
	<?php
}

    To remove the Home link in the breadcrumb, please add the following CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
body div.page-heading > div > div > div > nav > a:nth-child(1),
body div.page-heading > div > div > div > nav > span:nth-child(2){
    display: none !important;
}

    Hope it helps!

    #394879 Copied
    Avatar: Martin
    Martin
    Participant
    May 19, 2024 at 02:32

    OK this is working but now I need to remove the categories

    Files is visible for topic creator and
    support staff only.
    #395812 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 19, 2024 at 07:34

    Hello, Martin,

    Thank you for getting in touch with us.

    On your screenshot it is a category description, to remove content from this area, edit – https://prnt.sc/VyfHnMAFvTRD > https://prnt.sc/MBDvLmXPlLWt

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Kind Regards,
    8theme team

    #395835 Copied
    Avatar: Martin
    Martin
    Participant
    May 19, 2024 at 14:41

    I fix it, I needed not only to change the name remove the full class:

    Instead to use CSS that only Hide the text (this will style load in the Background I needed to use function.php

    I needed to removed and not just hide with CSS

    I had this to the PHP Function:

    
function remove_category_description_script() {
    ?>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        var categoryDescription = document.querySelector('.category-description');
        if (categoryDescription) {
            categoryDescription.remove();
        }
    });
    </script>
    <?php
}
add_action('wp_footer', 'remove_category_description_script');
    #395858 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    May 19, 2024 at 16:55

    Hi @Martin,

    Glad you’ve sorted it out and thanks for sharing the codes.

    Kind Regards,
    8theme team

    #395873 Copied
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    May 19, 2024 at 18:51

    Dear Martin,

    We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

    Click here to spread the love: https://themeforest.net/downloads

    Thank you for being an integral part of our journey!

    Best Regards,
    The 8Theme Team

    #395884 Copied
  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘For the Breadcrumbs showing this below the Banner on the shop page’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.