Once we've made our HTML and CSS ready by performing the preceding steps, we can move ahead to integrate them into our OpenCart theme. For this, we have to start by creating a new folder at catalog/view/theme
location. We name it packttheme
. Now we can start integrating them from the header, followed by the footer, modules and category pages, product page, and other pages.
So far, you've understood some general settings of an OpenCart theme. Now you are ready to create your own custom theme. As we know, OpenCart uses the MVCL pattern, so the view part is different from the core code. Therefore, we can find the OpenCart themes in the view
folder. For the frontend, you can find the theme at the catalog/view/theme
location, and for the admin, you can find it in admin/view
. Right now, we are focusing on the frontend view only, so we perform our tasks in the catalog/view/theme
folder. Let's start creating...