π‘ This document provides guidance on customizing widgets with CSS and JavaScript for advanced personalization.
Key Summary
- A basic understanding of CSS and JavaScript is recommended to effectively implement widget customizations.
- Custom styles and behaviors can be applied globally to all widgets or specifically to individual widgets.
- When applying the customizations, separate code settings are required for PC and mobile environments.
You can achieve highly personalized widgets for your needs using CSS and JavaScript.
β IMPORTANT
- It is recommended to have a basic understanding of CSS and JavaScript to use this setting.
- Please note that if the widgets are updated in the future, custom CSS and JavaScript may affect the design or cause issues. CREMA is not responsible for any problems arising from the use of custom CSS and JavaScript.
In this article
Setting CSS and JavaScript for widgets in general
This applies custom styles and behaviors to all widgets globally. You can define CSS rules and JavaScript functions that will affect every widget across your site.
- From the Review β Settings menu, go to the General settings β Widgets(general) tab.
-
In Display settings, click Show advanced settings.
- Enter the CSS and JavaScript you wish to apply in Common CSS (PC), Common CSS (Mobile), Common JavaScript (PC), and/or Common JavaScript (Mobile) fields. Please be noted that you need to set separate codes for both PC and mobile.
-
Click Save.
STEP 2. Setting CSS and JavaScript for a specific widget
This involves applying custom styles and behaviors to a particular widget only. You can modify the style of a specific widget without impacting other widgets.
- From the Review β Settings menu, go to the Widget settings tab.
-
Click Settings on the desired display widget section that you want to customize.
- Enter the CSS and JavaScript you wish to apply in CSS for the (new) widget and/or JavaScript for the (new) widget fields.
-
Click Save.
Frequently Asked Questions (FAQ)
Do I need to set separate CSS/JavaScript for PC and mobile versions of my widgets?
π Yes, when applying CSS and JavaScript for the widgets, you must configure separate codes specifically for PC (desktop) and mobile environments. This allows for optimized display and functionality across different device types.