Copy your default PrestaShop theme and name it
mytheme
.
Go to your cPanel and look up for your PrestaShop theme directory (we covered this
in Chapter 1, Customizing PrestaShop). You should see this
in your themes
directory.
The themes
directory path is
public_html/prestashop/themes/
, if you want to keep the prestashop
folder separate or /public_html/themes
and if you installed the
content of the /prestashop
folder to your domain (This is if you
installed your PrestaShop within the root home page). In our example, we have
created a sub domain where we install prestashop in a separate folder. So we
have public_html/yourdomainname/prestashop/themes/
.
public_html/prestashop/themes/mynewtheme
. mytheme.
themes
directory.Note that you will have to play around a lot with these files and folders:
img:
This folder will contain all the images needed for the
template (both the folders) /PrestaShop_1.3.1/prestashop/img
and /PrestaShop_1.3.1/prestashop/themes/mytheme
must be
looked at as some images are, by default, located in the
/PrestaShop_1.3.1/prestashop/img
folder.
css:
This folder contains all the CSS files for the
theme.
/PrestaShop_1.3.1/prestashop/themes/mytheme/css
.
Modules:
This folder will contain modules for the
PrestaShop site. Here, you can override existing modules with your changes. You
can also copy third party modules into this folder
/PrestaShop_1.3.1/prestashop/modules
.
tpl
files :.tpl files contain page-specific template
system. The various tpl
files are located within the
folders /PrestaShop_1.3.1/prestashop/themes/mytheme
. The
modules have their own .tpl
files which are located within
the particular modules folders.
modules
directory to your mytheme
as well.
Most of the third party modules worked well with this arrangement. However,
if you use a third party module and it doesn't show in the
Modules
page in your back office, you will still need to
upload them to the /prestashop/modules/
folder, as some
of them do not have the necessary Smarty code (modules that have the
required code will be displayed even if you create a new directory for
modules within the particular theme directory). We will learn more about
using tested third party modules in your PrestaShop site in the next chapter
where some of the standard or default features in PrestaShop can be replaced
with elements that can change the look of your store easily. modules
folder to your
mytheme
directory. So now you will have a module folder, which
is located within the new theme
/prestashop/themes/mytheme/modules/
. modules
files without disturbing the
original modules
file. Now, disable all the modules,
using the method we learned previously.Your new template is now enabled and ready to be customized. You will work on a mission to create a theme without necessarily knowing what the code means. Later, we can move on to getting acquainted with what happens in the background when you modify the files that have an impact on your theme.
3.147.42.168