Decorate Product Features

Store Builder Questions
1

I just added product features and assigned them to products. They appear at the top below the product name.

They look boring. Just listed left to right with commas.

feature1, feature2, feature3

How can I make these really POP!!!!?!!

feature1

feature2

feature3

???
Is this a matter of editing the css? Can somebody tell me what file needs to be accessed? I really could appreciate some advice.
I am running CS-Cart 4.3.4
My theme is the default response theme. 
feature1, feature2, feature3
2

I just added product features and assigned them to products. They appear at the top below the product name.

They look boring. Just listed left to right with commas.

feature1, feature2, feature3

How can I make these really POP!!!!?!!

feature1

feature2

feature3

???
Is this a matter of editing the css? Can somebody tell me what file needs to be accessed? I really could appreciate some advice.
I am running CS-Cart 4.3.4
My theme is the default response theme.

feature1, feature2, feature3

Try enabling the "Show on the Features tab" option in the features settings instead of "Show in header on the product details page". In this case features will appear on a separate tab

3

Hello 8legstudio,

If you want you can also try adding custom css on that particular template/.

For this you can use cs-cart's On-site template editing technique where you can make change for any template as you want.

To edit file:

  • In the administration panel go to Design > Templates page
  • In the left panel choose directory
    .../design/themes/theme_name/views/products/components/product_features_short_list.tpl
  • Edit the file and put part of code in the opened panel
        .brand .ty-features-list a{
        font-weight: bold;
        color:red;
        font-size: 25px;
    }
  • Now click Save changes.

you can snaps below I have made changes in my end also.

Before Link

After applying css image link:


Thank you-
Himanshu

4

Hi there,

This is after applying link

Thank you-

Himanshu

5

It is better to add the mentioned code to the CSS section of the Theme editor instead of editing default files. These changes will be lost after upgrade

6

Thanks for the suggestions.