I've read through some guides and watched a YouTube video on how to create a custom theme for OpenCart. After trying various things it still doesn't seem to be working right.
If I go to 'Extensions > Themes > Edit Store' I can switch the theme directory but this doesn't seem right. The question bubble there says changing the theme directory here is only for legacy support of older themes. Current themes should be available through 'System > Settings > Edit Store > General Tab (Select Theme Dropdown).
Why doesn't this seem to work? The new version is supposed to fall back on the default theme if something isn't available but it can't if I change the theme directory. I've even tried simply copying the whole default folder and renaming it.
Opencart 2.3.0 :
Go to Extestions >> Extestions >> Choose the extension type >> Select Themes >> Edit Your themes >> change default theme. See screenshots:
1 : https://postimg.cc/image/ds02xcmbp/
2 : https://postimg.cc/image/bre4q9fk5/
In file <Your project name>/catalog/controller/event/theme.php
replace row 16 from:
$theme = $this->config->get('config_theme');
to:
$theme = $this->config->get($this->config->get('config_theme') . '_directory');
I know it's bit late to answer but it can be helpful to others.
In OpenCart 2.3.0.2 creating a custom theme is little complex , finally i found this doc here which helped me a lot http://undefined.gr/site/2016/10/09/custom-opencart-2-3-0-2-theme/
To start with copy the default folder found in
upload/catalog/view/theme/default
to a new folder in the same directory. Name it “mytheme“.
Then copy the theme_default.php file in
upload/admin/controller/extension/theme
and place it in same directory. Name it “mytheme.php“.
Rename the class to (line 2):
ControllerExtensionThemeMyTheme
+ Replace all “theme_default” text to “mytheme“. Yes there are a lot (197).
Copy the theme_default.tpl in
upload/admin/view/template/extension/theme
and place it in the same directory. Name it “mytheme.tpl“.
Replace all “theme_default” text to “mytheme“. (48)
Copy theme_default.php in
upload/admin/language/en-gb/extension/theme
and place it in the same directory. Name it “mytheme.php“.
Set the new theme’s title in heading_title (line 3) to “My Theme”.
Finally for the thumnail image to show correctly in store settings rename default.png to mytheme.png in
upload/catalog/view/theme/mytheme/image
Now go into your Administration > Extensions > Extensions and select Themes in “Choose the extension type”. You should be seeing your new theme. Install it with the green (+) button and edit it to enable it. Also ensure you set the correct theme directory whilst editing the theme!
Then in System > Settings edit your store to use your new theme.
That should do it. You can now go ahead and start chopping and changing the default theme
Related
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.
I want to install new theme in magento and I have also followed step of this link (https://www.siteground.com/tutorials/magento/magento_themes.htm) but I am not abling to get theme in magento. Please suggest me how can I install theme in magento ?
Thanks
If you already have the pre-built theme, then in magento project folder navigate to
app/design/frontend/default
Place your theme folder here.
Now to activate your theme. Log in to your admin panel.
Navigate to
system->configuration
Click in the design tab in the left hand side
Under the "Pakage Name" put you package name i.e "default" in this case and under you theme In the "Template" put your theme name "Your_theme_name" i.e your theme folder name that you copied inside default directory.
If you are creating a new theme, just create a new folder inside default directory and follow the step as described above.
In this way you can install a new theme.
Hope this will help.
It depends how theme you want to use is distributed. If it is a package, just extract it to your root folder and you should get proper folders in skin and app/design dirs and what you need to do then is to set correct package and / or theme in backend (Configuration > Web > Design). For full package theme name would probably always be default. Although if you are only adding new theme, you should pick its name app/design/frontend/default/{theme_name} and same in skin folder (if it includes some additional css, images and / or javascript).
I'm trying to change the name of a theme which I have downloaded recently.
These are the procedures I did.
I have created an Interface folder named x And a theme folder named y. Under app/design/frontend/ and skin/frontend/ And I moved all contents of the downloaded theme into the theme folder I have created.
Next I have changed the Current Package Name name to x under package.
And the Default to y under themes of Configurations->Design
After saving the configurations when I refreshed the store I'm getting only blank page.
Please anyone help me to resolve this issue and setup the theme.
Hope you are doing well.
1) As of you are required to change you magento's current store to new theme. For changing the theme in magento we are having three folder in magento which are as under
1)app
2)js
3)skin
So your old theme which is there right now will have this 3 folders in it. Now for change of store to new theme all you are required to do is you have to replace this 3 folders by the theme which you want to replace.
Suppose X is theme is there right now and you want to replace it by y. Then you are required to replace app,js and sking of x theme with y.
And then you are required to make some changes in the admin pannel under
->system->configuration->design->theme
Give appropriate name of the theme which you using right now and then save it. Refresh the front end you theme will be changed.
2) Another way to change the theme or you can install the magento theme is you can use the magento connect from
->Magento Connect -> Magento Connect Manager -> Get the key of the theme which you want to install ->click on install.
Hope this solutions will be use full to you.
Just installed a fresh copy of Magento and I would like to know what settings/configurations have to be made in order to begin theme development. I'm running php 5.4 on a mac and for coding the theme I will use SCSS.
You have to create a new theme folder and theme package folder (optional) as followig
app/design/frontend/{theme package name}/{theme folder name}/
then create two folders layout and template and work in them.
Then create the skin related folders in skin/frontend/{theme package name}/{theme folder name}/ and place all your theme related css and images here.
Note that you have to keep the theme package name same for both.
To activate this theme on the site, log-in to your admin panel, go to
system >> configurations >> Design and click the Package Tab and enter your theme package name then open the Theme tab beneath it and enter the Template, Skin and layout theme folder names, if the theme folder name is same for all of them then just enter it in the Default field and leave others empty and save the settings. Now clear the site Cache by going to system >> Cache Management, select all the options and click Submit button and reload the frontend. The new theme will be in action.
Hi my theme just updated to a new file organization that uses sub custom themes so that I can update the theme without overwriting the files I changed myself.
I downloaded the new theme and set up the new file path, but the site still reads from
skin/frontend/default/shopper/css/styles.css
when it should read from
skin/frontend/shopper/default/css/styles.css
I set the current package name to “shopper” and set default (under Design/Themes) to custom. I know I want my custom files of the theme to go under shopper/custom, and then magento should check for files at shopper/default and finally check for files at base. For some reason its ignoring the shopper directory and still referencing from the old default directory.
And saved everything. I also disabled and flushed all the caches.
The two images attached show how I have it set up in magento via the admin and the ftp. I haven't been able to solve this for months.
FIXED IT!
The issue was not in System > Configuration > Design but in fact System > Design I discovered that System > Design had it set up for Default/Shopper and there wasn't a time frame for it. The following link helped me reach my conclusion.
http://www.magentocommerce.com/boards/viewthread/197908/
You are supposed to System > Design for temporary theme changes, but my site had it set with no time frame thus always overwriting my settings in System > Configuration > Design