X-Cart forums

[mmcclellan]

Hi, I have a few questions regarding this article from the KB: http://kb.x-cart.com/display/XDD/Adding+CSS+and+JS+files

So, if I'm using the included Custom Skin module, would I add the AView file in the appropriate directory within modules/XC/CustomSkin?

Do my internal CSS and JS files need to be in my custom skin directory? Or in the default module directory? Or both?

And finally, am I better off writing my own module for the custom skin if I need to include CSS and JS files? (Rather than trying to force additional CSS and JS through the XCart Custom Skin module?)

I've been experimenting with this all morning and have had no success so far.

[cflsystems]

You are probably better off writing your own module. That way you know for sure future upgrades of cart will not overwrite your files

[totaltec]

Originally Posted by mmcclellan

Do my internal CSS and JS files need to be in my custom skin directory? Or in the default module directory? Or both?

Great question. As you already know, you have two places where you can place your files when working with a skin module. First is the skin directory you have created (1)skins/yourskin/en/ and second your module's skin directory (2)default/en/modules/YourDevId/YourModuleName/

As a rule, you place templates that you intend to overwrite in your skin directory (1). Templates that are new to the file structure, you place in your module's skin directory(2). So if the template already exists, override it in your custom skin directory(1). If it is a new template (.css, .js, or .tpl) that you want to assign to a list, place it in your modules skin directory (2).

[RichieRich]

How is the best way to add custom css to the Admin area?

<?php

namespace XLite\Module\Module\ModuleName\View;


abstract class AView extends \XLite\View\AView implements \XLite\Base\IDecorator

{


protected function getThemeFiles()

{

$list = parent::getThemeFiles();

// Custom css
$list[static::RESOURCE_CSS][] = 'modules/Module/ModuleName/style.css';



return $list;

}



}

I have found this on X-cart Knowledgebase;

namespace XLite\Module\<Developer ID>\<Module ID>\View;
abstract class AView extends \XLite\View\AView implements \XLite\Base\IDecorator
{
protected function getThemeFiles($adminZone = null)
{
$list = parent::getThemeFiles($adminZone);

// example of internal JS file
$list[static::RESOURCE_JS][] = 'modules/<Developer ID>/<Module ID>/script.js';

// example of external JS file
$list[static::RESOURCE_JS][] = 'http://example.com/path/to/script.js';

// example of internal CSS file
$list[static::RESOURCE_CSS][] = 'modules/<Developer ID>/<Module ID>/style.css';
return $list;
}
}

Does it require separate module or can it be done in one module?

[totaltec]

Should be able to be done in one module.

[RichieRich]

Can you please help to complete how is combining both of these, I tried but it didn't work

[tony_sologubov]

Hello Richard,

Could you please explain what problem you are facing? Does any of the methods above work for you? Or just nothing works?

Thank you.

Tony