Feature Style Class

Hey everyone,

Does anyone know how to add a class to a product feature?

My website contains 2 features; gebruikt and nieuw.

I want to add a class to this feature so I can adjust the style of feature. Nieuw must be blue and the other green.

See feature above the product price.

https://www.lkv.nl/leaf-c2c-bureaustoel/

Many thanks!

Unfortunately CS-Cart does not allow to add custom CSS classes to product features

Or is it possible to split the features in the product-list? Now all features are displayed in the same row without HTML tags.

I solved this issue. Open /design/themes/-your-theme-/templates/views/products/components/product_features_short_list.tpl

Replace this original code:

{feature_value feature=$feature}{if !$smarty.foreach.features_list.last}, {/if}

With:

{feature_value feature=$feature}{if !$smarty.foreach.features_list.last}, {/if}

The HTML code is as follow:




Gebruikt

Hey everyone,

Does anyone know how to add a class to a product feature?

My website contains 2 features; gebruikt and nieuw.

I want to add a class to this feature so I can adjust the style of feature. Nieuw must be blue and the other green.

See feature above the product price.

https://www.lkv.nl/leaf-c2c-bureaustoel/

Many thanks!

Is this your website in link?

Some problems on sidebox

https://www.lkv.nl/fauteuils-nl/

try opening Kleur and Prijs together, in firefox they hover one other each other

PS

nice clean look

Thank you for the responsive. We are going to solve it immediately.

This customer using our Lifestyle24 theme for CS-Cart

Hey,

You could have added a class in the top element based on the value of that feature (I assume you know the feature ID), this way you could also show icons and other things appropiately across the board (e.g. a banner).

Kind regards.

Or is it possible to split the features in the product-list? Now all features are displayed in the same row without HTML tags.

You can use the following solution

http://forum.cs-cart.com/topic/40150-horizontal-features-to-vertically/#entry214065