To avoid upgrade issues it is advised that you do not edit the original files. Rather you should clone the original files and start customizing from the cloned theme.

If you want to make a changes in the default theme styles, simply follow below cloning guide.

Step 1 Theme Cloning

From the admin area, navigate to [any Joobi products] >> Tools >> Themes
Select the frontend theme and click the 'CLONE' button from the navigation area
After saving your new cloned theme, the system will automatically set the theme to default.
You can now start your customization by editing the theme through your admin area or through FTP.

FTP file path

root/joobi/user/theme/site/[new cloned theme]

Note: When there is a new feature and improvements in the core theme, your cloned theme will not get updated. This means the new enhancements are not added automatically in your current store cloned theme but on the original theme. You need to enable the original theme or re-apply your custom code into the new and updated theme.

Step 2 Customize the theme design without coding

We made a lot of good enhancement in the theme system to make customization easier without needing to know html/css code.

For example if you want to change the button color, size and icons, you can easily achieve them in just few clicks.

1. From the amin area, navigate to [any Joobi products] >> Tools >> Themes
2. Select the default frontend theme and click the 'Edit Theme' button from the navigation area.
3. Click 'Edit Theme Design' to access the Theme Preferences.
4. From the edit the design page, navigate to Catalog Design to access the catalog design preferences.
5. You can change pretty much everything in your store from buttons to social icons.

Default look and feel really depends on your website template.

Default storefront Item page look and feel;

After changing the color and sizes of the buttons from the preferences, the product page looks like below;