Make Password Visible

The “Make Password Visible” plugin allows your customers to make the password visible when entering it by clicking on an eye icon, which enables easy verification of the input. This function can be integrated into all password fields in the shop and significantly improves usability.

The plugin offers two selectable eye icons in black or white, which can be flexibly adapted to the design of your shop. The size and position of the symbols can be customized to ensure seamless integration into your Shopware theme.

Open Plugin in Shopware 6 Store

First Steps

Installation

Composer

Generally, we recommend always installing Shopware plugins via Composer. Your Shopware installation must be authenticated once. You can find instructions in the Shopware Documentation. Once you have done this and purchased our plugin from the store, you can install it with the following commands:

Add the plugin to your Composer dependencies.

composer require [store.shopware.com/cobpasswordvisibility](https://www.google.com/search?q=https://store.shopware.com/cobpasswordvisibility)

Update the plugin list.
Terminal window
```
bin/console plugin:refresh
```

Install and activate our plugin in one step.

bin/console plugin:install --activate CobPasswordVisibility

Shopware Administration

Alternatively, you can of course install and activate the plugin via the usual way under the menu item My Extensions.

My Extensions

Configuration

Once the plugin is installed and activated, you can customize the plugin to your needs via the Configure option within the extension manager. In earlier Shopware versions, this option is hidden in the context menu ....

Depending on which theme you are using, you may need to adjust the color, position, or size of the eye icon here.

Plugin Configuration

Configuration	Description
Design	Changes the appearance of the eye icon. Selection between `Outline` and `Filled`.
Color	The color of the icon. Selection between `Black` and `White`.
Size	Size of the icon in `px`. Specify value without `px`.
Margin Top	Top margin of the icon in `px`. Specify value without `px`.
Margin Right	Right margin of the icon in `px`. Specify value without `px`.

After each change, the theme must be compiled for the changes to become visible. To do this, open the Theme tab in the settings of your sales channel and press the Save button.

Compile Theme

Alternatively, you can recompile the theme via the console.

bin/console theme:compile