Dynamic Web Lab

Component Visibility & Configuration

Category Thumbnail

  • Image: Show/hide category images
  • Margin: Control spacing around thumbnails with individual top, right, bottom, and left values

Category Title

  • Title: Show/hide category names
  • Color: Set title text color
  • Typography: Configure font family, size, weight, etc.
  • Margin: Adjust spacing around titles

Discount Info

  • Offer: Show/hide discount information
  • Color: Set offer text color
  • Typography: Style the discount text
  • Margin: Control spacing around discount info

Product Count

  • Count: Show/hide the number of products in each category
  • Color: Set count text color
  • Typography: Style the product count text
  • Margin: Adjust spacing (measured in points)

Category Details

  • Description: Show/hide category descriptions
  • Color: Set description text color
  • Typography: Style the description text
  • Margin: Control spacing around descriptions

Action Button

  • Button: Show/hide action buttons
  • Button Text: Customize button label (default: “Shop Now”)
  • Button States: Configure both “Normal” and “Hover” states with:
    • Text Color
    • Background Type
    • Border Type (Default)
    • Border Radius
    • Box Shadow
    • Typography
    • Padding controls
Component Visibility & Configuration – Dynamic Product Category Grid, Slider Documentation