How To Guides
Rich Text Editor for Products
There is a new attribute bar that appears now when you are editing/adding a product:
Here's a closeup:
We will go over each attribute and explain what they do.
Edit Shortcut Dropdown Menu
This drop down menu is a shortcut for "undo," "redo," and "find and replace."
Insert Shortcut Dropdown Menu
This drop down menu is a shortcut for "table," "link," and "image."
Style Shortcut Dropdown Menu
This drop down menu is a shortcut for "bold," "italic," "underline," "strike-through," "font family," "font size," "text color," and "background color."
Format Shortcut Dropdown Menu
This drop down menu is a shortcut for "align left," "align center," "align right," "align justify," "indent," "outdent" "superscript," "subscript," "numbered list," "bullet list," and "paragraph."
View Shortcut Dropdown Menu
This drop down menu is a shortcut for "source mode," "full screen," and "help."
Bold
The "B" allows you to highlight specific text and make it bold.
Italic
The "I" allows you to highlight specific text and make it italicized.
Underline
The "U" allows you to highlight specific text and underline it.
Strikethrough
The "S" allows you to highlight specific text and put a strike through it.
Font Menu
Under the Font Menu you can change the font type.
Font Size
Under the "T" you can change the size of the selected font.
Font Color
Under the "A" you can change the font color.
Font Background Color
Here you can change the font background color.
Align Left
The "Align Left" allows you to highlight specific text and align it to the left.
Align Center
The "Align Center" allows you to highlight specific text and align it to the center of your page.
Align Right
The "Align Right" allows you to highlight specific text and align it to the right of your page.
Align Justify
The "Align Justify" allows you to highlight specific text and justify it on your page.
Indent
The "Indent" icon allows you to highlight specific text and indent it to the right on your page.
Outdent
The "Outdent" icon allows you to highlight indented text and outdent it to the left on your page or replace it back to where it was.
Superscript
The "Superscript" icon allows you to highlight specific text and set it higher and smaller than the rest of the text. This is typically used for symbols such as trademark, copyright, etc.
Subscript
The "Subscript" icon allows you to highlight specific text and set it lower than the rest of the text.
Numbered List
The "Subscript" icon allows you to highlight specific text and place numbers before the text.
Bullet List
The "Bullet List" icon allows you to highlight specific text and and place bullet points before the text.
Insert Table
Use this icon to insert a table into your code. Drag your mouse over the squares to choose how many rows/columns you would like.
Paragraph Format
Use this icon to format your paragraph.
Insert Link
Use this icon to insert a hyperlink.
Insert Picture
The "Insert Picture" icon allows you to insert a photo into your product description.
Resize Picture
Once you've inserted the picture, you can use your mouse to grab one of the corners and resize the image to your liking.
You can also enter specific dimensions in the width and height fields if you'd prefer.
Add Hyperlink to Picture
By clicking on the link icon, you can link this image to a blog, site, or any internal or external location.
Undo
The "Undo" icon allows you to undo the last actions you performed.
Redo
The "Redo" icon allows you to redo the actions you did.
Find and Replace
When you click this find and replace icon, you will be able to search and replace text easily throughout your document.
Enter Full Screen
The "Edit Source Code" icon allows you to open up a screen and show the html source code for your product description.
View Source Mode
The View Source Mode brings you into a new menu with a few different options.
Show/Hide Line Options
The "Show/Hide Line Code" icon allows you to turn on the line numbering.
Line Numbers On
Line Numbers Off
Edit Source Code
The "Edit Source Code" icon allows you to open up a screen and show the html source code for your product description.
Show Color Picker
Click on the eye dropper and a second window will pop up that will allow you to pick a color for your code.
Insert Picture
The "Insert Picture" icon allows you to insert a photo into your product description.
Rich Text Editor
If you click on this icon it will return you to the original editing screen you were on.
Rich Text Editor for All Other Text Areas
Any text area that has Miva Template Code (which has the ability to use the History feature to go back to prior versions), will not display the Rich Text Editor, only the line numbering.
You will see, however, two icons on the bottom right of the text windows. The icon on the left has shortcuts for Show/Hide Line Numbers, Show Color Picker, Insert Picture, Undo, Redo, Find and Replace and Help.
If you click on the right icon it will take you into a Full Screen mode, which will then have these same shortcut icons along the top.
Any areas that have Description and / or Custom fields will display the full Text Editor.