Block Product - How to insert Special Characters into input fields

Add the following code in the Bootstrap Product template: {SpecialCharacters}

Example:

Main Layout:
<div class='row'>
<div class='col-sm-7'>
{Description}
<div class='row'><div class='col-sm-12 text-center'>{SpecialCharacters::âäàåáçéêëè::ê}</div></div>
{Fields}
{Extras}
{PreviewPanel}
{OrderPanel}
</div>
<div class='col-sm-5'>
{ProductImage}
</div>
     </div>

This keyword displays a button at the top of input fields. To insert a special character, place the cursor at the desired position within the input box and click the button. A popup will appear, showing a list of characters to choose from. Simply click on a character, and it will be inserted at your cursor’s location.

Alternative Keyword Format: {SpecialCharacters::LIST OF CHARACTERS::BUTTON CHARACTER}

Replace LIST OF CHARACTERS with the actual characters you want to display, without any separators.

Replace BUTTON CHARACTER with a character or text label for the button.

Examples:

     {SpecialCharacters::âäàåáçéêëè::ê}

     {SpecialCharacters::âäàåáçéêëè::Insert Special Character}

By default, a maximum of 8 characters are displayed per line. To control line breaks, insert \n at any position where you want a new line.

Example with Line Breaks:

{SpecialCharacters::©®™¢€£¥•∑Ω\nâäàåáçéêëè\nïîìôöòûùÿæ\n✓§¶∞±≠≈¿::ê}

Example with default Button Text:

{SpecialCharacters::©®™¢€£¥•∑Ω\nâäàåáçéêëè\nïîìôöòûùÿæ\n✓§¶∞±≠≈¿}

Example with Button Text and default list:

{SpecialCharacters::::Insert Special Character}