I was passed down a modded Magento application to do some modifications on and this is my first time using this kind of application. After rolling in pain for a day or two I finally managed to migrate the database. When I was trying to modify some CSS file I was stupefied to see it has no effect, then after an element inspection this came on
<script type="text/javascript" src="http://kicartonne.fr/js/mage/translate.js" ></script>
<script type="text/javascript" src="http://kicartonne.fr/js/mage/cookies.js" ></script>
<link rel="stylesheet" type="text/css" href="http://kicartonne.fr/skin/frontend/default/ki_cartonn/css/reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://kicartonne.fr/skin/frontend/default/ki_cartonn/css/boxes.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://kicartonne.fr/skin/frontend/default/ki_cartonn/css/menu.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://kicartonne.fr/skin/frontend/default/default/css/clears.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://kicartonne.fr/skin/frontend/default/default/css/print.css" media="print" />
All file paths come off as absolute! How can I fix this? I can't find anything.
Under System->Configuration->Web(pretty sure) change the base url to the site you're wanting. If you're inspecting element on it, of course it's going to be absolute, that's how HTML works. The content is being generated dynamically at runtime.
Related
I am just beggining to learn Magento and would like a thougrogh explanation if possible.
I just created a new theme from scratch with NO parent theme, and I found many JS and two CSS files included by default.
Here is a sample:
<link rel="stylesheet" type="text/css" media="all"
href="http://192.168.1.9/magento/pub/static/version1495681460/frontend/btata/themeone/en_US/mage/calendar.css">
<link rel="icon" type="image/x-icon"
href="http://192.168.1.9/magento/pub/static/version1495681460/frontend/btata/themeone/en_US/Magento_Theme/favicon.ico">
<link rel="shortcut icon" type="image/x-icon"
href="http://192.168.1.9/magento/pub/static/version1495681460/frontend/btata/themeone/en_US/Magento_Theme/favicon.ico">
<script type="text/javascript"
src="http://192.168.1.9/magento/pub/static/version1495681460/frontend/btata/themeone/en_US/requirejs/require.js"></script>
<script type="text/javascript"
src="http://192.168.1.9/magento/pub/static/version1495681460/frontend/btata/themeone/en_US/mage/requirejs/mixins.js"></script>
<script type="text/javascript"
src="http://192.168.1.9/magento/pub/static/version1495681460/_requirejs/frontend/btata/themeone/en_US/requirejs-config.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="http://192.168.1.9/magento/pub/media/styles.css">
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery"
src="http://192.168.1.9/magento/pub/static/version1495681460/frontend/btata/themeone/en_US/jquery.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_"
data-requiremodule="jquery/jquery.mobile.custom"
src="http://192.168.1.9/magento/pub/static/version1495681460/frontend/btata/themeone/en_US/jquery/jquery.mobile.custom.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="js/responsive"
src="http://192.168.1.9/magento/pub/static/version1495681460/frontend/btata/themeone/en_US/js/responsive.js"></script>
My questions are:
1- Do I have to keep those files?
2- If not, how to remove them?
3- Why are some of them missing? see picture.
Missing files
Thanks
My magento CSS is not loading, and when I try to view source, I noticed something on its src..
<link rel="stylesheet" type="text/css" href="C:\Program Files (x86)\Zend\Apache2\htdocs\myecommerce-local_comhttp://myecommerce.com/skin/frontend/base/default/css/style.css" media="all" />
its look like there's a problem in source file.
It should be like this
<link rel="stylesheet" type="text/css" href="C:\Program Files (x86)\Zend\Apache2\htdocs\myecommerce-local_com\skin\frontend\base\default\css\style.css" media="all" />
What should I do? to change the source of my style?
Thanks
Are you using an Addon like GT Speed do combine/reduce your JS and CSS files? I uninstalled it and the problem was solved.
I own a construction grid kendo.web.min.js with kendo.dataviz.min.js, but when I use the Using both collision occurs.
But it is interesting that the project jsfiddle it works well but when I run the project visual studio
I encountered the following error TypeError: s is undefined
jsfiddle code
<link href="css/themes.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet" />
<link href="js/kendo/src/styles/kendo.dataviz.css" rel="stylesheet" />
<link href="js/kendo/styles/kendo.silver.min.css" rel="stylesheet" />
<link href="js/kendo/styles/kendo.common.min.css" rel="stylesheet" />
<script src="js/kendo/js/kendo.web.min.js"></script>
<script src="js/kendo/js/kendo.dataviz.min.js"></script>
<script src="js/kendo/src/js/kendo.dataviz.sparkline.js"></script>
They conflict because they include the same files - kendo.data.js, kendo.core.js etc. You should never include them in the same page - use kendo.all.min.js or create a JavaScript file with only the required features.
More info is available in the Kendo UI documentation - JavaScript dependencies.
DataViz script must be put before the Web script.
<script src="js/kendo/js/kendo.dataviz.min.js"></script>
<script src="js/kendo/js/kendo.web.min.js"></script>
When setting up the Magento back end to 'Use SSL on Frontend' and setting the unsecured url and secured url to https://xxxxxxxxxxxx.com/shop, if I view source Magento is not displaying the references with https:// thus giving insecure content warnings..
I'm at a loss to why this is happening.
<link rel="stylesheet" type="text/css" href="http://xxxxxxxxxxxxxx.com/shop/skin/frontend/default/default/css/styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://xxxxxxxxxxxxxx.com/shop/skin/frontend/base/default/css/widgets.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://xxxxxxxxxxxxxx.com/shop/skin/frontend/default/default/css/sidenav.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://xxxxxxxxxxxxxx.com/shop/skin/frontend/default/default/css/sidenavcollapse.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://xxxxxxxxxxxxxx.com/shop/skin/frontend/default/default/css/webtex/bubble.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://xxxxxxxxxxxxxx.com/shop/skin/frontend/default/default/css/print.css" media="print" />
<script type="text/javascript" src="http://xxxxxxxxxxxxxx.com/shop/js/prototype/prototype.js"></script>
<script type="text/javascript" src="http://xxxxxxxxxxxxxx.com/shop/js/lib/ccard.js"></script>
<script type="text/javascript" src="http://xxxxxxxxxxxxxx.com/shop/js/prototype/validation.js"></script>
<script type="text/javascript" src="http://xxxxxxxxxxxxxx.com/shop/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="http://xxxxxxxxxxxxxx.com/shop/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="http://xxxxxxxxxxxxxx.com/shop/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="http://xxxxxxxxxxxxxx.com/shop/js/scriptaculous/controls.js"></script>
After making configuration changes, you must clear your Magento cache so Magento is using the correct values.
Go to System > Cache Management, check all of the cache types and refresh.
Anyone else coming across this should also beware that Magento will only set https as source for loaded resources when https is actually 'needed', i.e when you browse the cart, checkout or account pages.
Ref:
https://magento.stackexchange.com/questions/896/https-layout-broken
http://www.sonassi.com/knowledge-base/magento-kb/magento-https-redirect-loop/
I have a doubt about kendo UI .I using Kendo chart and grid when ever i add the dataviz js script to my page and when ever loading the page grid is not displaying any columns.That is I can add only web or dataviz. Here are the script i added Is there any inter dependency between chart and grid.
<link href="KENDO/js/examples-offline.css" rel="stylesheet" type="text/css"/>
<link href="KENDO/styles/kendo.default.css" rel="stylesheet" type="text/css"/>
<link href="KENDO/styles/kendo.common.css" rel="stylesheet" type="text/css"/>
<script src="KENDO/js/jquery.min.js"></script>
<script src="KENDO/js/kendo.dataviz.stock.min.js"></script>
<script src="KENDO/js/kendo.web.min.js"></script>
<script src="KENDO/js/kendo.dataviz.min.js"></script>
<link href="KENDO/styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css"/>
<script src="KENDO/js/console.js"></script>
This is what you should add for styling KendoUI web:
<link href="KENDO/styles/kendo.default.css" rel="stylesheet" type="text/css"/>
<link href="KENDO/styles/kendo.common.css" rel="stylesheet" type="text/css"/>
This is what you need for running KendoUI web:
<script src="KENDO/js/jquery.min.js"></script>
<script src="KENDO/js/kendo.web.min.js"></script>
This is for styling Kendo UI dataviz:
<link href="KENDO/styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css"/>
And this is for running Kendo UI dataviz:
<script src="KENDO/js/kendo.dataviz.min.js"></script>
The others are for demos (you don't need them)