DJ-Extension Knowledge Base: DJ-Catalog2 Integrator - Extended Products Grid - Category - image options
Login

New to DJ-Extensions?

Extended Products Grid - Category - image options

Contents

Category - image options

Navigate to the "Settings" tab

To change position and image options for the 'category image' attribute, click the "Category Image" button.

You will see the following options:

  • width - set the width for the 'category image' attribute. Provide value in px or %. For example, 200px or 20%

  • height - set the height for the 'category 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 category 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

© 2023 DJ-Extensions.com. All rights reserved.