Using the Minium 4 Theme

Liferay DXP 2024.Q4+/Portal GA129+

To use the CSS styles from Minium 4, you can install the Minium theme from the Liferay Marketplace. This contains a CSS client extension.

Note

This CSS client extension only works with the Liferay Classic site initializer.

Using Minium 4 on Liferay PaaS and Self-Hosted

1. Go to the Liferay Marketplace and search for Minium Theme.

2. Click Get App, select your account or create one, and accept the end user license agreement and terms of service.

3. Click Get App.

4. You can now download the client extension from your dashboard. Click Download App.

5. Click Download next to the app version.

6. To deploy it to your Liferay instance, paste the archive in your server’s [Liferay Home]/osgi/client-extensions/ folder.

7. Go to your Classic site or create one and open the Site Menu ().

8. Navigate to Site Builder → Pages.

9. Click Actions () at the top right corner and select Configuration.

10. Scroll down to CSS Client Extensions and click Add CSS Client Extension.

11. Select Liferay Commerce Minium 4 Global CSS.

12. Click Add.

This adds the CSS client extension to all your pages. To add it to a specific page,

1. Open the Site Menu () and navigate to Site Builder → Pages.

2. Select a page. This opens the page in edit mode.

3. In the sidebar, navigate to the Page Design Options menu ( ) and click the Configuration icon () at the top of the menu.

4. Scroll down to CSS Client Extensions and click Add CSS Client Extension.

5. Select Liferay Commerce Minium 4 Global CSS.

6. Click Add.

Using Minium 4 on Liferay SaaS

1. Go to the Liferay Marketplace and search for Minium Theme.

2. Click Get App, select your account or create one, and accept the end user license agreement and terms of service.

3. Click Get App.

4. You can now download the client extension from your dashboard. Click Download App.

5. Click Download next to the app version.

6. Go to your Classic site or create one and open the Site Menu ().

7. Navigate to Site Builder → Pages.

8. Scroll down to Custom CSS.

9. Copy the contents of liferay-commerceminium4-global-css/static/global.css and paste it inside the textarea.

10. Click Save.

This adds the CSS client extension to all your pages. To add it to a specific page,

1. Open the Site Menu () and navigate to Site Builder → Pages.

2. Select a page. This opens the page in edit mode.

3. In the sidebar, navigate to the Page Design Options menu ( ) and click the Configuration icon () at the top of the menu.

4. Scroll down to Custom CSS.

5. Copy the contents of liferay-commerceminium4-global-css/static/global.css and paste it inside the textarea.

6. Click Save.