I made a custom theme that has the magento luma theme as parent, but all icons are not showing on the frontend. A few examples:
searchbar (and cart icon missing)
Stars missing in rating
There are a lot of other places missing these icons. I already tried to do a php bin/magento setup:static-content:deploy with my store languages but to no avail. In my browser console i dont see any 404 errors in resources, and if i look in my folders i can see the fonts are there.
Any ideas?
EDIT
as requested a bit of "code", but first the structure is as follows:
Vendor
- MyTheme
- web
-css
-source
-variables
---.less files
--- .less files
-images
-composer.json
-registration.php
-theme.xml
contents of my theme.xml
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
<title>MyTheme</title>
<parent>Magento/luma</parent>
</theme>
Additional info
So i did some digging in the html itself. I found that a :before has the icon. When looking at its css its has the following:
content: '\e61d';
font-family: FontAwesome;
Found in static-m.css
so i tried to edit the content to something else from fontawesome and that works, so that means fontawesome is loaded correctly. So does that mean that the content code does not exists in fontawesome? or does the standard magento icons come from a different library like fontawesome?
Related
I've got a custom theme running on the latest stable Concrete5 version.
It's all working great - but tonight I've come to create a variation of an existing template.
Inside the theme/themename/ folder I copied the PHP file for the template.
In the theme/themename/css folder I copied the CSS file used by the existing template.
In the CMS itself I created a new pageType with the alias to match both the php and css file's filename I'd created by copying the previous files.
The PHP / template file is loading fine when chosen as the template for a page, but it's now loading in the associated CSS file.
Cache cleared but to no avail.
Can anyone give me any clues what I'm missing?
This usually is because the css and/or js is hardcoded in the header.
Check the html head (in the template) if the path to the css/js is correct.
I have a problem with my Wordpress template built with use of Bootstrap - scripts do not work, e.g. dropdown menu... I am sure that I'm doing everything right according to the instructions. But I do not know why my Bootstrap want to load "assets" folder though in that version (3.1.0) there is no such folder.
Location of my theme folder with Bootstrap files in it looks like that:
http://localhost:8888/my-site/wp-content/themes/my-theme/
My console says:
Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8888/assets/js/bootstrap-transition.js
http://localhost:8888/assets/js/bootstrap-alert.js
http://localhost:8888/assets/js/jquery.js
http://localhost:8888/assets/js/bootstrap-modal.js
http://localhost:8888/assets/js/bootstrap-dropdown.js
http://localhost:8888/assets/js/bootstrap-scrollspy.js
http://localhost:8888/assets/js/bootstrap-tooltip.js
http://localhost:8888/assets/js/bootstrap-tab.js
http://localhost:8888/assets/js/bootstrap-popover.js
http://localhost:8888/assets/js/bootstrap-button.js
http://localhost:8888/assets/js/bootstrap-collapse.js
http://localhost:8888/assets/js/bootstrap-typeahead.js
http://localhost:8888/assets/js/bootstrap-carousel.js
In my style.css theme file I've got only information about author of theme and this line: #import url('css/bootstrap.min.css');
In turn, my header.php file contains only:
<link href="<?php bloginfo('stylesheet_url');?>" rel="stylesheet">
How are you loading the scripts? You indicate how you load the stylesheets, but not the scripts themselves. Often bootstrap templates like to include those in the footer.
i've created a new website under a working Magento install. The old website works fine, but the new one doesn't load the theme css. I can see it loads the .phtml files when enabling Template Path Hints.
I've already checked basic things 100 of times, so...
set theme to desired one
refresh Magento cache
check source code to see whats the css path
use i.e. firebug to see what css is being loaded
can you show your file structure?
whats the theme name?
I am trying to install the following Magento template into my online store:
http://www.magthemes.com/magento-themes/free-themes/fitness-magento-theme.html
I am using this theme as it closely resembles the design/layout that I am after (I will have to tweak the CSS after installation).
Here is what I have done so far:
Unzipped downloaded file
Transferred the following folders to my server:
app\design\frontend\default\Fitness_1.1 to
/public_html/app/design/frontend/default/Fitness_1.1
skin\frontend\default\ to /public_html/skin/frontend/default/Fitness_1.1
Gone to my sites Admin > System > Configuration > Design
Entered the following:
Templates: Fitness_1.1
Skin (Images / CSS): Fitness_1.1
Layout: Fitness_1.1
Default: default
The theme changed, images changed etc but the Layout is not right and some styles are incorrect, you can see what I mean here:
http://89.200.141.67/~skin/index.php/
Your CSS files aren't loading. Try explicitly setting the skin directory in:
Admin>System>Configuration>Design - Skin (Images/CSS) form field
Uncheck the use website checkbox and make sure that your Current Configuration Scope (the drop down on the top left) is correct.
I have installed the latest version of Magento 1.6.0.0-rc2 and tried to install the package and theme which I had developed on Magento 1.5.x
The package has been installed in magento/app/design/frontend/packagename
I have also entered 'packagename' in System -> Configuration -> Design -> Current Package Name.
In app/design/frontend/packagename/default/layout/page.xml I have specified for default 'All Pages':
<block type="page/html" name="root" output="toHtml" template="page/2columns-left.phtml">
Yet when I turn on template hints, I see that the main template being used is base/default/template/page/2columns-right.phtml.
I have verified that design/frontend/packagename/default/template/page/2columns-left.phtml does exist.
I have been trying everything to debug this, but I can't seem to figure out where it is getting 2columns-right.phtml from (which config file). I even tried to log the xml files loaded but they didnt show any of the custom xml files in the theme package being loaded.
Any suggestions on what could be the problem or what to try ?
Thanks.
Edit:
A couple of points.
Cache is disabled.
The new package/theme displays, I'm able to see the css/images/js. Some of the template files with template hints enabled are from packagename, but the main ones seem to be from base.
Page template is not set just in page.xml, but even in catalog.xml, catalogsearch.xml, customer.xml... I mean, almost every pages have his own layout.
The layout set in page.xml is valid only for CMS pages. All other pages have other settings that override it.
Which page are you looking at? A category page or a CMS page? Try different pages and see what happens!