X-Cart forums

[mcupka]

Hello,

What would be the best way to add font-awesome icons to the names of my category pages that are listed in the sidebar? Would this require making a custom module? For example, say I had a category 'Settings'. I'd much rather have a gear icon before the actual wording.

Using 5.3.4.7 on Standard theme.

[mcupka]

This is also a problem with the Label editor.

Please see my screenshot attached. It works fine while in the editor, then as soon as you X out and refresh the page, it renders incorrectly.

https://i.imgur.com/jCaERG4.jpg

[qualiteam]

Originally Posted by mcupka

What would be the best way to add font-awesome icons to the names of my category pages that are listed in the sidebar? Would this require making a custom module? For example, say I had a category 'Settings'. I'd much rather have a gear icon before the actual wording.

Using 5.3.4.7 on Standard theme.

I believe FontAwesome is already enabled in the standard theme, so you can use the following markup to add FontAwesome icons (change the "fa-arrow-right" class to yours):

<i class="fa fa-arrow-right"></i>

Originally Posted by mcupka

This is also a problem with the Label editor.
Please see my screenshot attached. It works fine while in the editor, then as soon as you X out and refresh the page, it renders incorrectly.
https://i.imgur.com/jCaERG4.jpg

As far as I see the template that displays the block does not accept HTML tags:
skins/customer/modules/XC/NewsletterSubscriptions/form/parts/form.twig

...
    <div class="subscription-form-label">
        {{ this.getFormLabel() }}
    </div>
...

However, you can enable the webmaster mode and edit the template as follows:

...
    <div class="subscription-form-label">
        {{ this.getFormLabel()|raw }}
    </div>
...

[mcupka]

Originally Posted by qualiteam

I believe FontAwesome is already enabled in the standard theme, so you can use the following markup to add FontAwesome icons (change the "fa-arrow-right" class to yours):

<i class="fa fa-arrow-right"></i>

I was able to get the category list to work by editing the HTML of {{ this._category.name }} using |raw. Now I just I'm going to have to find a way to create a variable and add a box to each category page under the Title such as 'Icon' or something.

Originally Posted by qualiteam

As far as I see the template that displays the block does not accept HTML tags:
skins/customer/modules/XC/NewsletterSubscriptions/form/parts/form.twig

...
    <div class="subscription-form-label">
        {{ this.getFormLabel() }}
    </div>
...

However, you can enable the webmaster mode and edit the template as follows:

...
    <div class="subscription-form-label">
        {{ this.getFormLabel()|raw }}
    </div>
...

Thanks, now it works properly.

[qualiteam]

Originally Posted by mcupka

Now I just I'm going to have to find a way to create a variable and add a box to each category page under the Title such as 'Icon' or something.

This requires creating a custom module.
First, you should add a new field to the category model class. Model classes are discussed here:
https://devs.x-cart.com/basics/understanding_models.html
But you don't create a new module. Instead, you add a new field to an existing model class. To do so you should not just "extend" and existing class, but "decorate" it by adding "implements \XLite\Base\IDecorator".
You may also check an article explaining how to add an extra field to the existing OrderItem model class.

Adding the field to the UI may tricky, though.

[qualiteam]

I've moved the question about adding a new category field into its own forum thread:
https://forum.x-cart.com/showthread.php?t=76178