Home › Forums › WoodMart support forum › Breadcrumbs

Breadcrumbs

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 23, 2021 at 10:00 am #308273

    Javi24
    Participant

    Hello,

    How do add the same design of breadcrumbs to the store and the pages? And how to change breadcrumbs’ design.

    https://prnt.sc/1epybrl

    Thank you for the help!

    July 23, 2021 at 12:29 pm #308321

    Elise Noromit
    Member

    Hello,

    You can find the options to configure the breadcrumbs in the Theme Settings > Page Title.

    The breadcrumbs for the product page options are provided in the Theme Settings > Shop / hice elements.

    If you have any questions please feel free to contact us.

    Best Regards

    July 27, 2021 at 9:44 am #309013

    Javi24
    Participant

    Hello,

    there are only breadcrumbs on/off solutions.

    1. How to customize breadcrumbs? (capitalize, colors etc.) Like here: https://prnt.sc/1gjw7jf
    2. It’s possible to change the breadcrumbs’ position? https://prnt.sc/1gjyfhl
    https://prnt.sc/1gk2hwr
    3. How to change in mobile view filter like a button: https://prnt.sc/1gk50eb

    4. Woodmart theme support only yoast plugin? If I want to use Rank Math then problems arise?

    Thank you for the help!

    July 27, 2021 at 11:23 pm #309152

    Elise Noromit
    Member

    Hello,

    1. The breadcrumbs are customized with CSS, please provide your site admin access I will give you the code.

    2. It is not possible to move the breadcrumbs.

    3. As soon as I get your site I will give you custom CSS.

    5. We have not tested this plugin we do not guarantee 100% compatibility and smooth operation.

    Best Regards

    July 28, 2021 at 12:13 pm #309265

    Javi24
    Participant

    Hello,

    I send you the site admin access.

    July 29, 2021 at 10:20 am #309468

    Elise Noromit
    Member

    Hello,

    Now your breadcrumbs are styles like shown on your screen: https://prnt.sc/1epybrl – the last part is bold, please clarify what you want to change.

    Filter icon on mobile: please provide the icon URL you want to replace from Fontawesome, it should be from the category.

    3. How to change header text hover line color and main header text high https://prnt.sc/1h1ola3

    The line is accent color, you can change it in the Theme Settings > Styles and colors.

    You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

    Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

    4. Pelase add this code to the Theme Settings > Custom CSS: 

    body .wd-header-my-account .wd-tools-icon:before {
    font-size: 25px;
}
body .wd-header-cart .wd-tools-icon:before {
    font-size: 25px;
}
.wd-tools-element>a {
background-color:yellow;
margin-right:5px;
}

    Please change the size and color as per your needs.

    5. Chose the icon and insert in this format: fas fa-home

    6. Unfortunately there is no option.

    7. You can add the mega menu widget into the shop page widget area in the Appearance > Widgets and chose your mobile menu.

    Best Regards

    July 29, 2021 at 4:12 pm #309566

    Javi24
    Participant

    Hello,

    1. Breadcrumbs style like this: https://prnt.sc/1hlwr62

    Before category text color: #225333 , last part color #3e3e3e
    Text like there – not Uppercase
    Text hover underline
    Same separator icon

    2. Mobile – filter products, want to display like this: https://prnt.sc/1hm9ci3
    The button would be in the middle and border.

    5.Chose the icon and insert in this format: fas fa-home

    I choose the icon https://fontawesome.com/v6.0/icons?d=gallery&p=1&q=shop&s=solid&m=free

    fa-solid fa-shop, but does not show.

    7.Remains a bit confusing. I want to display product categories on the desktop in the same style as a mobile view(dropdown) but I can’t show only product categories because the mobile menu needs to show other pages as well. Currently using the mobile version, it does not have a drop-down menu.
    https://prnt.sc/1hof2y2

    July 29, 2021 at 4:14 pm #309567

    Javi24
    Participant

    Hello,

    1. Breadcrumbs style like this: https://prnt.sc/1hlwr62

    Before category text color: #225333 , last part color #3e3e3e
    Text like there – not Uppercase
    Text hover underline
    Same separator icon

    2. Mobile – filter products, want to display like this: https://prnt.sc/1hm9ci3
    The button would be in the middle and border.

    5.Chose the icon and insert in this format: fas fa-home

    I choose the icon https://fontawesome.com/v6.0/icons?d=gallery&p=1&q=shop&s=solid&m=free

    fa-solid fa-shop, but does not show.

    7.Remains a bit confusing. I want to display product categories on the desktop in the same style as a mobile view(dropdown) but I can’t show only product categories because the mobile menu needs to show other pages as well. Currently using the mobile version, it does not have a drop-down menu
    https://prnt.sc/1hof2y2

    July 31, 2021 at 12:39 am #309831

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .breadcrumbs a, 
body .breadcrumbs span, 
body .yoast-breadcrumb a, 
body .yoast-breadcrumb span {
    text-transform: none;
	  color:#225333!important;
}
body .woocommerce-breadcrumb .breadcrumb-last:last-child, 
body .yoast-breadcrumb .breadcrumb_last:last-child {
    color:#3e3e3e!important
}

    I cannot find the icon you show on the screen, please provide a certain icon URL like this: https://fontawesome.com/v5.15/icons/500px?style=brands

    Best Regards

    November 18, 2021 at 11:04 am #332824

    Javi24
    Participant

    Hello,

    I change Yoast SEO to Rank Math SEO and i want to add Rank Math breadcrumbs on my site. Where i add this code: <?php if (function_exists(‘rank_math_the_breadcrumbs’)) rank_math_the_breadcrumbs(); ?>

    And how to customize rank math breadcrumbs like default breadcrumbs style is(same “style” every page).
    https://prnt.sc/1zzxzws

    Thanks for help

    November 19, 2021 at 9:38 am #333067

    Elise Noromit
    Member

    Hello,

    Please add this code to the functions.php of the child theme: 

    function woodmart_current_breadcrumbs( $type ) {
	$function = ( $type == 'shop' ) ? 'woocommerce_breadcrumb' : 'woodmart_breadcrumbs';

	if ( function_exists( 'rank_math_the_breadcrumbs' ) ) {
		rank_math_the_breadcrumbs();
	} else {
		$function();
	}
}

    Best Regards

    November 19, 2021 at 10:46 am #333092

    Javi24
    Participant

    Hello,

    Thank you, works well. Only on the product page breadcrumbs display the wrong place.
    https://prnt.sc/201ke4u

    Thanks for help!

    November 20, 2021 at 10:26 pm #333390

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .single-breadcrumbs-wrapper .container {
    display: flex;
    align-items: flex-start;
    justify-content: start;
}

    Best Regards

    November 22, 2021 at 11:17 pm #333819

    Elise Noromit
    Member

    If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)