Custom.css changes arent working

[parkktech]

Hello guys,
I'm new here but hope to do a lot with this package. But first I need to figure out how to properly extend it.
I was able to build a package gemcopro-core and extend the admin menu in the config > admin.php however when I add my changes to get the icon into the custom.css it's not showing. In fact no changes I make there are being reflected.

I also disabled the cache for development.

Is there a special command I need to run to rebuild the css?

I'm sure I'm missing something simple here.

[kdim95]

Hello,

Check the following:

• You are editing the CSS located at your-extension/themes/admin/jqadm/custom.css
• You have a manifest.php in the root of your extension with this config:

  Code: Select all

  	'custom' => [
  		'admin/jqadm' => [
  			'manifest.jsb2',
  		],
  	],

• You have a manifest.jsb2 in the root of your extension with this config:

  Code: Select all

  "pkgs": [{
  		"name": "your-extension CSS",
  		"file": "your-extension.css",
  		"isDebug": true,
  		"fileIncludes": [{
  			"text": "custom.css",
  			"path": "themes/admin/jqadm/"
  		}]
  	}]
  

• You don't have cache (refresh with CTRL+SHIFT+R)

Best regards

[parkktech]

Yes, I used your extension builder so it appears that is already in place.

Code: Select all

        ],
        'custom' => [
                'admin/jqadm' => [
                        'manifest.jsb2',
                ],
                'controller/jobs' => [
                        'src',
                ],

Yes here is manifest.jsb

Code: Select all

{
        "projectName": "gemcopro-core",
        "licenseText": "proprietary",
        "pkgs": [{
                "name": "gemcopro-core CSS",
                "file": "gemcopro-core.css",
                "isDebug": true,
                "fileIncludes": [{
                        "text": "custom.css",
                        "path": "themes/admin/jqadm/"
                }]
        }, {
                "name": "gemcopro-core JS",
                "file": "gemcopro-core.js",
                "isDebug": true,
                "fileIncludes": [{
                        "text": "custom.js",
                        "path": "themes/admin/jqadm/"
                }]
        }],
        "resources" : []
}

I guess a caviot is we installed this in an existing larvel site with the intention of brining some of the customizations into Aimeos.

I'm nit seeing anything different than you posted.

Do you have any other suggestions?

[aimeos]

Did you add your extension to the ./packages/ directory and installed it via composer?
https://aimeos.org/docs/latest/developer/extensions/

[parkktech]

Of course, and all the menu items are showing from my extension.
It's just the CSS change isn't taking.

custom.css contents

Code: Select all

/*
 * Custom gemcopro-core CSS
 */
/* Gemco Admin Menu*/
.aimeos .main-sidebar .menuitem-gemco i.icon::before {
    content: "\F3E5";
}


.aimeos .main-sidebar .menuitem-settings i.icon::before {
    content: "\F56B";

}

[parkktech]

Ok, I got it working. It turns out your extension builder added the

Code: Select all

	"name": "gemcopro-core CSS",
		"file": "gemcopro-core.css",

to the manifest. But when looking at some other extensions like grape they use "file": "index-css",

When I switched to this it started working.

Can you guys better explain this name and file logic?

Thanks, Jason

[aimeos]

Which Aimeos version do you use?

[peter69]

I have the same issue. It only works if I set the 'file' to 'index-css'.

I'm using:

'aimeos/aimeos-laravel': '~2024.04'
'laravel/framework': '^11.0'

[aimeos]

You need a 2024 version of the Aimeos extension generated here: https://aimeos.org/extensions

If you update from earlier versions, please make sure that the "file" properties in the "pkgs" section of the manifest.jsb2 file are "index-css" respectively "index-js".

[peter69]

Got it!, Thanks!