How to call our design css and js for Magento - magento

I am new in Magento. I am trying to implement a theme according to our design. But for my new theme css and images not call; I don't understand what the issue here?
I have copied the modern folder and after that renamed this folder with our theme name Brace
Location:/app/design/frontend/defaul/Brace
For css and Js
I have copied the modern folder and after that renamed this folder with our theme name Brace
Location:/skin/frontend/defaul/Brace
After that I have copied my all images in /skin/frontend/defaul/Brace/images folder. And then copy my stylesheet in /skin/frontend/defaul/Brace/css/style.css.
When I change theme name from admin it not reflect css and images on frontend.
I have searched from net but all solution different that confusing me.

It's probably 'default' instead of 'defaul'?
Are you sure about the design settings of your store? (System -> Configuration -> Design)
In your case the 'Package -> Current Package Name' should be 'default' and the 'Themes -> default' should be 'Brace'.
Also be sure that the configuration scope is set correctly in the sidebar: this should be 'default configuration' or 'the name of your store'.
Sometimes you also need to clear (all) the cache to see results :) (System -> Cache Management).
In the end you could try to use the template hint option as mentioned by Clockworkgeek
Good luck!

Related

Prestashop theme not detected

I'm new to Prestashop development. The first thing I've tried is to create a new theme copying the default theme directory in Prestashop 1.6. The problem I have is that, once created, the theme is not detected by Prestashop: is like the directory wasn't there.
If I create a new theme from the admin panel and replace the directory content with the same files, it works ok.
What should I do to make Prestashop detect my theme? I haven't found any information about it.
Thanks a lot.
I already answered on similar question here, there are two ways to solve your issue through backoffice
Copy default theme in Preferences -> Theme press Add new theme
button and then at the bottom Create new theme + choosing Copy missing files from existing theme.
OR if you already copied theme dir/files by FTP
Same steps, but without copy missed files (of course if you have no
missed files) and just put correct new dir name in Name of the theme's directory
This is actually the way it is done - Copying the default theme.
There could be several reasons for that:
Have you changed the name of the copied folder?
Did you use only a single lowercase word as a name?
Did you copy it to the /themes folder?
Here is additonaly info after the copying to do some cleanup: http://doc.prestashop.com/display/PS15/Creating+your+own+theme
Also it is perfectly fine to create a copy of the default theme from the backend. You can find instructions here: http://doc.prestashop.com/display/PS16/Laying+the+Theme's+Foundations#LayingtheTheme'sFoundations-Standingontheshouldersofgiants:copyingthedefaulttheme
For people who are using Prestashop 1.7 or higher and is facing the same problem when copying the Starter Theme, I recommend you to check if you actually have a themes/your_theme/config/theme.yml configuration file because the one that is loaded by default is a theme.dist.yml so Prestashop won't recognize it.

Overriding attributes.phtml file from base into custom theme not working as expected

I copied attributes.phtml file from base into my custom theme to change the way the attributes table is displayed.
When I make changes to it keeping it in the base, it works fine.
Copying it into custom theme removes the entire tab entirely beside description tab.
Since it is working fine in the base version but not in my custom theme folders, is there something particular about attributes.phtml that I need to keep in mind before copying into my custom theme folder?
This is probably a case of permissions. Just check and ensure you have the correct permissions as the rest of the files.

Magento - best practices for making modifications to a theme

I'm using Magento 1.9 and have installed a theme made by Trego. What is the best way of making updates to a Trego template while preserving the vendor's source code? Specifically, I need to modify the following template:
/app/design/frontend/default/trego/template/catalog/product/view/options/type/text.phtml
For testing purposes, this is what I've done (following Suman's solution below):
/app/design/frontend/default/trego/template/catalog/product/view/options/type/text.phtml
original file
/app/design/frontend/default/tregonew/template/catalog/product/view/options/type/text.phtml
modified file
In the admin panel, under System => Configuration => Design, I've opened the Package Tab and Themes Tab. Here are my settings:
Current Package Name: rwd
Translations: (blank)
Templates: tregonew
Skin: tregonew
Layout: tregonew
Default: trego
Unfortunately, my system is still rendering "original file" instead of "modified file". What am I missing?
UPDATE:
Please see Suman's answer below. It worked like a charm. A few notes in case somebody else is struggling with this topic:
Make sure you don't have a design change in effect (System => Design) which would override the solution depicted here. Note that the design change I'm referring to is different that selecting packages and themes as instructed in Suman's solution (System => Configuration => Designs). Suman's solution wasn't working for me in the beginning because I had a design change (System => Design) that Magento was overriding the my settings in System => Configuration => Designs.
Specific to Suman's answer below, I think he meant to say that you can make edits to:
"/app/design/frontend/default/tregonew/template/catalog/product/view/options/type/text.phtml"
which will be reflected in the output instead of the file:
"/app/design/frontend/default/trego/template/catalog/product/view/options/type/text.phtml"
as referenced in his answer.
Magento 1.9 has a new theme hierarchy system which uses the theme.xml file to refer to a parent theme. I haven't tried it yet but in case somebody finds it useful, see this article by Alan Storm.
Please follow below steps:
Create a new folder tregonew into the default
/app/design/frontend/default/tregonew
create template and layout folder
/app/design/frontend/default/tregonew/template
/app/design/frontend/default/tregonew/layout
Than copy your modules which you want to modify like
/app/design/frontend/default/trego/template/catalog
to
/app/design/frontend/default/tregonew/template/catalog
also copy the skin files to new folder
/skin/frontend/default/trego
to
/skin/frontend/default/tregonew
Now you can change the below file, it will reflects the output.
/app/design/frontend/default/trego/template/catalog/product/view/options/type/text.phtml
In admin area
system => configuration =>Designs tab on left side
Set your Package => Current Package Name = default
Themes => Templates = tregonew
Themes => Skin (Images / CSS) = tregonew
Themes => Layout = tregonew
Themes => Default = trego
Copy the entire template folder Trego to new Folder Tregonew and modify the theme.

Magento Extension/Theme Packaging

just a quick developer question in regards to Magento Extension/Theme Packaging, more specifically, when packaging, would I place the template files, layout files, skin folders etc in the base folder (see path below)(and not overriding any core files either)
app/design/frontend/base/default/template
app/design/frontend/base/default/layout
skin/frontend/base/default/css
and so on? I see this would be most suitable as alot of platform users would have custom themes with maybe custom namespaces for the theme folders. As users would have to stuff around to rename/move files/folders to work with their platform if packaged the default way I have seen in the past (ie in the default/default folder paths).
cheers for any feedback
This is the only way to package extension to use base/default or default/default location for template, layout and skin folders. Because if custom theme is used, then also this will work due to Magento's fallback mechanism. And if user want to add those files in custom theme location, then he/she should manually copy or move files in theme's respective location as you have said. And it is obvious that we can not predict custom theme path while packaging extension.

Magento loading base theme instead of downloaded theme

Im trying to install a theme on magento 1.9. Have copied all files into the correct places.
Under System -> Configuration -> Design -> Themes I have set templates, skin, layout and default all to the theme name.
The problem I think i am having is 'Current package name' It was originally set to 'rwd' and when it is set to this it loads the default 1.9 magento theme. However when i change this to 'default' it loads the magento base theme. If i set the package name to the name of the theme it also loads the base package.
Skin Directory Structure
Design Directory Structure
Did you check your custom design? Access: System > Design
just cross check following configuration with your configuration.
Then clear cache and check.

Resources