ASP.Net - Ablecommerce CSS by screen resolution function
$30-100 USD
货到付款
Hello. Ok I have a simple problem I need any kind of solution for.
Able commerce is the software I use. I have included a demo copy for your testing.
I need a way to disable or modify the default css information built by the system in the [url removed, login to view] file...
Along with that I need a place where I can enter in something that allows me to control which style sheets the system uses based on their screen size.
Something like this:
? <script type="text/javascript">
if ([url removed, login to view] >= 800) { // or some other arbitrary condition
? [url removed, login to view]("<style type='text/css' src='App_Themes/TigerLilly/[url removed, login to view]'><\/style>");
}
else {
? [url removed, login to view]("<style type='text/css' src='App_Themes/GreenRacer/[url removed, login to view]'><\/style>");
? }
? </script>
I tried doing it myself but I couldn’t figure out how to disable the existing css info.
another note about the software is, in the admin area for the website there is a controller to choose which folder the css documents are in but I have it set to use default in [url removed, login to view] file.
So now from there is where I need the coding relaid out..
Even if i have to manually edit a file just make me a place where the code is working and i can adjust the screen size or css file in visual studios or something...
after installing checkout the layouts/[url removed, login to view] file, I think that’s where it needs to be edited.
**DOWNLOAD FILE HERE**
[**[url removed, login to view]**][1]
## Deliverables
Hello. I am interested in applying a javascript method to detect screen resolution, then detrmine which Css file the sytem will use.
I have set the "themes and Display" to "Use default set in [url removed, login to view]"
Now I am trying to figure out where I can remove the Css link builder and enter in my javascript. Even if I could remove the defauls css controling I could slip the Css javascript funtion into the store header i believe
Here's what I am trying to create:
<script type="text/javascript">
if ([url removed, login to view] >= 800) { // or some other arbitrary condition
[url removed, login to view]("<style type='text/css' src='App_Themes/TigerLilly/[url removed, login to view]'><\/style>");
}
else {
[url removed, login to view]("<style type='text/css' src='App_Themes/GreenRacer/[url removed, login to view]'><\/style>");
}
</script>
********************************************************************************************
Now when I view the source of my [url removed, login to view] page I see what needs to be removed, the default css link info
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url removed, login to view]">
<html xmlns="[url removed, login to view]" >
<head id="ctl00_head1"><meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<link rel="stylesheet" media="screen and (min-device-width: 800px)" href="/App_Themes/TigerLilly/[url removed, login to view]" /><--My added code-
<link href="App_Themes/AbleCommerce/[url removed, login to view]" type="text/css" rel="stylesheet" /><link href="App_Themes/AbleCommerce/[url removed, login to view]" type="text/css" rel="stylesheet" /><link href="App_Themes/AbleCommerce/[url removed, login to view]" type="text/css" rel="stylesheet" /><link href="App_Themes/AbleCommerce/[url removed, login to view]" type="text/css" rel="stylesheet" /><link rel="stylesheet" media="screen and (min-device-width: 800px)" href="App_Themes/TigerLilly/[url removed, login to view]" /><style> .ctl00_PageContent_WebPartZone1_0 { border: none !important; } .ctl00_PageContent_WebPartZone1_2 { display: none; } </style><title>
Home Page
</title><style type="text/css">
.ctl00_ContentZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
</style></head>
项目ID: #3620995