logo
Welcome to our new AbleCommerce forums. As a guest, you may view the information here. To post to this forum, you must have a registered account with us, either as a new user evaluating AbleCommerce or an existing user of the application. For all questions related to the older version of Gold and earlier, please go to AbleCommerce Gold forum. Please use your AbleCommerce username and password to Login. New Registrations are disabled.

Notification

Icon
Error
Include file in custom.css - Adding a menu css file.
Options
Go to last post Go to first unread
Previous Topic Next Topic
ray22901031  
#1 Posted : Wednesday, March 18, 2020 1:10:19 PM(UTC)
ray22901031

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 2/17/2019(UTC)
Posts: 909

Thanks: 3 times
Was thanked: 15 time(s) in 15 post(s)
Hello Everyone,

I will be using a custom menu system which will consist of an external css file. In the past, I tried to use include statements in the custom.css, but could not get them to work.

#1. So my first question is, can you include "include or import statements" in the custom.css to reference other css files?

#2. I really do not wish to include the menu css properties inside custom.css, as I'm trying to keep custom.css to a minimum, is there a way in the system that I can have a global include statement, like somewhere in the header? - I'm not able to find it in the admin section.

Many thanks,
-Ray

Edited by user Wednesday, March 18, 2020 1:44:34 PM(UTC)  | Reason: Not specified
Back to top

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. New Registrations are disabled.
Back to top  
Naveed Ashraf  
#2 Posted : Thursday, March 19, 2020 12:58:40 AM(UTC)
Naveed Ashraf

Rank: Advanced Member

Groups: Admin, Administrators, Developers, Registered, HelpDesk, Authorized User
Joined: 7/31/2019(UTC)
Posts: 77

Was thanked: 8 time(s) in 8 post(s)
Hi,

Copy the css file to following path:

Website\Themes\[your theme name]\Content\

And then please update the following file in your theme folder:

Website\Themes\[your theme name]\Theme.config

you have to add a statement like:

<Include Path="Content/yourcustom.css" />

Please make sure the custom.css file remains the last in the list.

Thanks,
Naveed Ashraf

Thanks for your support!
Naveed Ashraf
Ablecommerce.com
Developer Assistance Available
Back to top
ray22901031  
#3 Posted : Thursday, March 19, 2020 1:32:13 AM(UTC)
ray22901031

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 2/17/2019(UTC)
Posts: 909

Thanks: 3 times
Was thanked: 15 time(s) in 15 post(s)
Hello,

Do I create a NEW "Theme.config" file if one is not there?

Thanks
Back to top
Naveed Ashraf  
#4 Posted : Thursday, March 19, 2020 5:47:05 AM(UTC)
Naveed Ashraf

Rank: Advanced Member

Groups: Admin, Administrators, Developers, Registered, HelpDesk, Authorized User
Joined: 7/31/2019(UTC)
Posts: 77

Was thanked: 8 time(s) in 8 post(s)
Hi Ray,

Sorry the above suggestion seems not valid for your case:

For existing AC9 versions you need to update the following file instead theme.config.

Website\Themes\[you theme name]\Views\Shared\_ThemeStyles.cshtml

NOTE: after this change you may need to restart the application.

The Theme.config file will be available for 9.0.2 version.

Thanks,
Naveed Ashraf
Thanks for your support!
Naveed Ashraf
Ablecommerce.com
Developer Assistance Available
Back to top
Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Privacy Policy | Powered by YAF.NET 2.2.4.14 | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.141 seconds.