change the view of component product names

Hi @ibrahimal3ed,

Are you wrong with another plugin?
You can check our demo site and you can see that by default, our component product names appear in a list style without (;) mark in the cart and checkout as the screenshot below:
https://prnt.sc/1dc63jd
https://prnt.sc/1dc6yyc
Regards,

@miemie
sorry I didn’t explain it well.
Its not by default.
In the settings >> option [Hide component products on cart & checkout page] >> select [ yes but show component product names under composite ]

This is the result
https://i.ibb.co/CHPtnBJ/Capture.png

So instead of : product a; product b; product c;

I want it to be :

?product a

?product b

?product c

Hi @ibrahimal3ed

Please add below snippet (How to add custom code?):

add_filter( 'wooco_order_component_product_names', 'your_wooco_order_component_product_names', 99, 1 );
function your_wooco_order_component_product_names( $names ) {
	return '<ul>' . str_replace( '; ', '', $names ) . '</ul>';
}

add_filter( 'wooco_order_component_product_name', 'your_wooco_order_component_product_name', 99, 1 );
function your_wooco_order_component_product_name( $name ) {
	return '<li>' . $name . '</li>';
}

@wpclever
At first, I would like to thank you for your help. I do really appreciate it.

However, it looks like there is a minor issue that appears with ‘variable product’ attributes.

as you can notice in the image the attribute appeared with a prefix &#8211. This is the issue.

• This reply was modified 3 years, 4 months ago by ibrahimal3ed.
• This reply was modified 3 years, 4 months ago by ibrahimal3ed.
• This reply was modified 3 years, 4 months ago by ibrahimal3ed.

Sorry about that!

Please change the whole previous snippet to:

add_filter( 'wooco_order_component_product_names', 'your_wooco_order_component_product_names', 99, 1 );
function your_wooco_order_component_product_names( $names ) {
	return '<ul>' . str_replace( '; ', '', html_entity_decode( $names ) ) . '</ul>';
}

add_filter( 'wooco_order_component_product_name', 'your_wooco_order_component_product_name', 99, 1 );
function your_wooco_order_component_product_name( $name ) {
	return '<li>' . $name . '</li>';
}