Extended Products Grid - Producer - image options
Producer - image options
Navigate to the "Settings" tab
To change position and image options for the 'producer image' attribute, click the "Producer Image" button.
You will see the following options:
-
width - set the width for the 'producer image' attribute. Provide value in px or %. For example, 200px or 20%
-
height - set the height for the 'producer image' attribute. Provide value in px or %. For example, 200px or 20%
-
border - set the image's border style
-
box shadow - set the image's box shadow size
-
box decoration - set the image's box decoration style
-
link image - link the image to the producer view if the link is provided in the 'content' tab
-
hover transition - set the hover transition for a linked image. This option is available if the 'link image' option is checked
-
hover box shadow - set the image's box shadow size on hover. This option is available if the 'link image' option is checked
-
vertical alignment - center the image vertically
-
margin top - set the margin top
To configure options related to positioning, check the 'click to determine the position and size' checkbox.
-
position - select static, relative, or absolute position
-
left - set the horizontal position of the element's left edge. Available when position relative or absolute is set
-
right - set the horizontal position of the element's right edge. Available when position relative or absolute is set
-
top - set the horizontal position of the element's top edge. Available when position relative or absolute is set
-
bottom - set the horizontal position of the element's bottom edge. Available when position relative or absolute is set
-
z index - set this element below/above other elements. Available when position relative or absolute is set
-
click to position this element inline with the bottom one and the upper one - checking this option will set the attribute inline