How do I change the layout of the archive page and breadcrumbs?

Hi,
First of all I want to thank you for a great template!
These are my requests to you below. (I didn’t want to put it in a separate topic, so I put it together.)
Please resolve several issues:
# 1 When viewed on the archive page, I want the categories and products to be displayed. If I select the option: “Show categories & products” it will be displayed, but I would like to separate the categories and then display the products. https://prnt.sc/26jkvb5
# 2 In breadcrumbs I want to change the font to underlined and change the first item to HOME and change to an image.
There is a way to change it through your template e.g. change in breadcrumbs.php?
If I do this according to: https://woocommerce.com/document/customise-the-woocommerce-breadcrumb/
will it work with your template?

well thank you
Jaroslav

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for your warm feedback.

“Show categories & products” will be displayed, but I would like to separate the categories and then display the products. https://prnt.sc/26jkvb5

Woocommerce does not allow separate categories and products, unfortunately. You can create HTML block and insert the Product category widget, specify categories ID (sub-categories) and then show this HTML in the Category description: https://xtemos.com/docs/woodmart/html-blocks-2/#cat_att_tag

If I do this according to: https://woocommerce.com/document/customise-the-woocommerce-breadcrumb/
will it work with your template?

We have not tested this solution with our theme, you can try and see, the only thing you would bettr do is making the full backup of your site.

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

Best Regards

Thank you for your reply, put the code referred in the link you provided does not work. Delimer is did not changed

/**
 * Change the breadcrumb separator
 */
add_filter( 'woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_delimiter' );
function wcc_change_breadcrumb_delimiter( $defaults ) {
	// Change the breadcrumb delimeter from '/' to '>'
	$defaults['delimiter'] = ' > ';
	return $defaults;
}

Thank you

Hello,

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

.website-wrapper .woocommerce-breadcrumb a:after {
	    content: ">";
}

Best Regards

[Author]

Posts