|
Using Thumbnail Layout Pane in Design Setting
Window, user can configure thumbnail display related settings.
-
How to customize thumbnail count on
presentation products thumbnail view page
This configuration defines number of thumbnails (of catalog
products) on single page. Program will build multiple pages, if
number of catalog products exceeds configured count.
-
if presentation products thumbnail view page view is set to thumbnail
matrix, then user can set matrix by defining number of
thumbnails in rows and columns (by selecting rows and column
count)
-
if presentation products thumbnail view page view is set to list view,
then user can only set the row count.
-
if user selects all catalog products on single
page, then rows count is not applicable. (not recommended,
unless catalog products are not in large numbers)
-
How to configure thumbnail padding and
distance amongst thumbnails
This configuration helps in designing thumbnail padding (space
between thumbnail border and thumbnail graphic of catalog
product)
and distance between two thumbnails.
User can increase/decrease settings by scrolling arrows
(up/down) for thumbnail padding and distance between two
thumbnails in thumbnail layout section.
-
How to configure thumbnail alignments
The thumbnails' alignment (both horizontal and
vertical) can be configured by setting alignments.
-
For vertical alignments, user can select Top,
Middle or Bottom alignment from dropdown selection list
(recommended middle alignment)
-
For horizontal alignments, user can select
Left, Center or Right alignment from dropdown selection list
(recommended Center alignment)
-
How to configure thumbnail presentation
products thumbnail view border
settings
-
User can configure thumbnail
presentation products thumbnail view's
border setting uniformly in entire catalog.
-
firstly select / deselect thumbnail
presentation products thumbnail view
border setting option. If selected, user can:
-
select border width from the selection box
(default value 1
)
-
select border color by clicking button
browse for color
. Upon clicking, program will prompt user to select color to
be applied as web color. From color
selection window, user can customize its color
selection. (recommended to select web
safe color from color selection window)
-
To remove thumbnail presentation products
thumbnail view border setting,
uncheck the border selection
-
How to configure
thumbnail presentation products thumbnail view's background color or background graphic
User can set the thumbnail presentation products
thumbnail view's background
color or background graphic from this section. User can
customize thumbnail presentation products thumbnail view's color OR graphic setting in
line with presentation theme and presentation needs.
-
click the option of thumbnail presentation
products thumbnail view's
background color or background graphic, by clicking the option
button
-
If background color is opted, then select back
color of thumbnail presentation products thumbnail view's by clicking button browse for
color for background color
. Upon clicking, program will prompt user to select color to
be applied as web color. From color
selection window, user can customize its color
selection. (recommended to select web
safe color from color selection window)
To remove thumbnail presentation products thumbnail
view's background color
setting, click the button remove background color
 .
-
If background graphic is opted, then select
background graphic for thumbnail presentation products
thumbnail view's by clicking
button
 .
Upon clicking, background graphic viewer window will open, for
user to select background graphic to be applied.
To remove thumbnail presentation products thumbnail view's background graphic setting,
click the button remove background graphic
.
-
how to configure
display font setting for caption and contents along thumbnail
preview of catalog product
To configure font setting for content's caption and
content
-
click button font setting
to select font type, font size, font effects, font color of
caption / content. Upon clicking, program will prompt user to
select font setting to be applied. From
font selection window, user can customize its font
setting.
|
