We have a big update for Ronixa Theme and the version has been updated to 2.1.0.
You can see all changes from Change Log.

Notice: If you have the following items, you cannot update:
1. Your version is lower than 2.0.2.1.
2. If you have changed in our theme files.
If you include one of the above, You can raise a ticket on Retrina Support. Our technical team will help You.

Update Ronixa Theme for OpenCart v3:

1. Backup from all files and database before any changes.

2. Download The latest version of Ronixa Theme. From the folder that you downloaded, there is a folder with the name upload, that inside (admin, catalog, image, system) please copy them in to your Opencart root installation and merge them with the existing ones.

3. If you have updated your project even once in this way, please skip this step.
Open the admin panel and then go to Extension -> Extension -> Modules, find Retrina Update and install it. From the sidebar go to Ronixa -> Update Theme and click on Upgrade button.

4. Go to Extensions > Installer and click on the upload button. Go to the Ronixa folder and doubleclick on install.ocmod.zip file and wait for complete the progressbar. Then go to Extensions > Modifications and click on the blue Refresh button (top right corner).

5. If your previous version is higher than 2.0.2.1, skip thtis step.
In earlier versions, the CSS structure added in the Advanced tab was separate for desktop, tablet and mobile devices. For example, if you added a margin or padding and any property in the desktop mode, it would only apply in desktop mode.

to help you better understand, below is an example of changing the margin top, with each image show a different device mode.

1.Desktop Mode:

2.Tablet Mode:

as you see the margin top was added in desktop mode and don't applied in tablet mode

3.Mobile Mode:

as you see the margin top was added in desktop mode and don't applied in mobile mode

But, in the new version, applying any CSS in the desktop also affects both mobile and tablet modes.any changes made in the desktop mode will automatically apply to the tablet and mobile modes. Similarly, if a change is made in the tablet mode, it will automatically apply to the mobile mode. If you need to revert these changes to their initial state, you must do so manually.

So, if your previous version was 2.0.2.1, due to the changes in the CSS design structure mentioned above, you need to review your page designs.

These CSS changes can be applied to widgets, columns, containers, and also rows. The location for applying these changes is in the Advanced tab for widgets, and in the Style tab for the other three elements.

to help you better understand for new structure, below is an example of changing the margin top, with each image show a different device mode.

1.Desktop Mode:

2.Tablet Mode:

as you see the margin top just was added in desktop mode but applied in tablet mode too

3.Mobile Mode:

as you see the margin top just was added in desktop mode but applied in mobile mode too

Notice: It is important to note that if this padding is applied to a column(col) , to reset it to the default state, you should set the value to 12 instead of zero.

Update Ronixa Theme for OpenCart v4:

1. Backup from all files and database before any changes.

2. Download The latest version of Ronixa Theme. From the folder that you downloaded, there is "ronixa.ocmod.zip", unzip the file and that inside (admin, catalog, system , install.json) please copy them in to your Opencart root installation -> extension -> ronixa.

There is image folder in the files you unzipped, please copy them into your Opencart root installation

3. If you have updated your project even once in this way, please skip this step.
Open the admin panel and refresh the page one time to add the address of the update page to the sidebar and then from the sidebar go to Ronixa -> Update Theme and click on Upgrade button.

5. If your previous version is higher than 2.0.2.1, skip thtis step.
In earlier versions, the CSS structure added in the Advanced tab was separate for desktop, tablet and mobile devices. For example, if you added a margin or padding and any property in the desktop mode, it would only apply in desktop mode.

to help you better understand, below is an example of changing the margin top, with each image show a different device mode.

1.Desktop Mode:

2.Tablet Mode:

as you see the margin top was added in desktop mode and don't applied in tablet mode

3.Mobile Mode:

as you see the margin top was added in desktop mode and don't applied in mobile mode

But, in the new version, applying any CSS in the desktop also affects both mobile and tablet modes.any changes made in the desktop mode will automatically apply to the tablet and mobile modes. Similarly, if a change is made in the tablet mode, it will automatically apply to the mobile mode. If you need to revert these changes to their initial state, you must do so manually.

So, if your previous version was 2.0.2.1, due to the changes in the CSS design structure mentioned above, you need to review your page designs.

These CSS changes can be applied to widgets, columns, containers, and also rows. The location for applying these changes is in the Advanced tab for widgets, and in the Style tab for the other three elements.

to help you better understand for new structure, below is an example of changing the margin top, with each image show a different device mode.

1.Desktop Mode:

2.Tablet Mode:

as you see the margin top just was added in desktop mode but applied in tablet mode too

3.Mobile Mode:

as you see the margin top just was added in desktop mode but applied in mobile mode too

Notice: It is important to note that if this padding is applied to a column(col) , to reset it to the default state, you should set the value to 12 instead of zero.