Enabling and Configuring the Color Mode Switcher in Blocksy 2

Blocksy 2 A new color mode switcher, often referred to as "dark mode", has been introduced. This feature is based on an improved color management system that allows users to freely switch between light and dark modes. This feature improves the accessibility and visual appeal of the website. The next section describes the steps to enable and configure the color mode switcher.

Enable Color Mode Switcher Module

• go into WordPress instrument panels
  In the Dashboard, click on the left menu of the BlocksyThen go to extensions Options.

• Enable Color Mode Switcher Module
  After activation, find the Color Mode Switcher Module and enable it. Once enabled, the offerings The section will display the new Color Mode Switcher Options.

Configuring the Color Mode Switcher

• Go to Customizer
  exist WordPress In the dashboard, click exterior condition > customizable, open the Customizer interface.

• Add color switching elements
  exist headers panel, select Color switcher element, drag it to any of the available rows. The customer will then be able to switch between light and dark modes at that location.

• Adjusting the appearance of the switcher
  Three animated icons can be selected and the toggle can be resized,tab (of a window) (computing). You can also set the default color mode, or enable the ability to set the color mode in sync with the operating system appearance.

Configuring Color Schemes

• Adjusting the color scheme
  Find in the customizer color scheme settings, adjusting the colors in light mode and dark mode to match the design style of the site.

• Using the Color Palette
  For the switcher to work properly, all colors used should come from the preset color palette. If custom colors are used, the switcher will not be able to adjust the color contrast correctly.

Solving color display problems

• Solving Contrast Problems
  If some elements (e.g. product titles) do not have enough contrast in dark mode, simply select the correct color from the palette and the system will do the switching automatically.

• Adding custom colors
  If certain elements don't display well when the color mode is switched, you can add a newCustom colorsto improve. Go to the color palette and select a new color to make sure that the page elements display properly in both modes.

Preview and Testing

• Save and view results
  Once you have completed the setup, save the changes and go to the front end of the website, select any product and click on the Color Switcher ButtonThe customer can see the effect of switching between light and dark modes.
• Adjustment of presentation
  It is possible to create a customized version of eachproduct pageAdd more customization options to ensure that customers can easily access the information they need as they browse.

summarize

Blocksy 2 s Color Mode Switcher provides merchants with a simple tool to personalize the browsing experience for their customers. Customers can freely switch between light and dark color modes to enjoy a more comfortable visual display. With a simple setup, merchants can provide customers with a better browsing experience and increase interaction and satisfaction.

Recent Updates

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off