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

This topic has 3 replies, 2 voices, and was last updated 2 years, 9 months ago by Elise Noromit.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
January 26, 2022 at 12:00 pm #348031

Drakeman
Participant

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.

January 26, 2022 at 11:11 pm #348167

Elise Noromit
Member

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

January 29, 2022 at 1:03 pm #348851
Drakeman
Participant
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
January 31, 2022 at 9:32 am #349071
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
.website-wrapper .woocommerce-breadcrumb a:after {
	    content: ">";
}
```
Best Regards
Author

Posts