Crocoblock/suggestions

Improved Shadow Display in Crocoblock Listing Grid Slider

Ramonpb opened this issue · 0 comments

Feature Request: Improved Shadow Display in Crocoblock Listing Grid Slider

Feature Description: The current Crocoblock Listing Grid widget’s slider feature uses overflow: hidden, which results in shadows being cut off when applied to listing cards. Shadows are essential for creating a visually appealing, layered effect on cards, commonly seen on modern websites. Currently, alternative web builders like Webflow handle shadows within sliders effectively, avoiding this cut-off issue.

Product: Crocoblock JetEngine - Listing Grid Widget

Importance of Adding This Feature: Implementing this feature will allow designers to utilize shadows on listing cards within sliders without visual compromise, enhancing design flexibility and enabling more refined aesthetics. Shadows are crucial for providing depth and focus to UI elements, which improves user experience and adds a professional look to websites created with Crocoblock.

Desired Effect: We would like the slider’s CSS to support shadows by either adjusting the overflow properties or providing an option to toggle shadow support within sliders. This would allow shadows to appear naturally without being cut off.

Example of Existing Implementation: Webflow handles shadows within sliders effectively, without any clipping, as demonstrated here (link to Webflow example). This feature aligns with standard UI practices in modern web design and would greatly enhance the Crocoblock Listing Grid widget’s design potential.

Suggested Use and Alternatives: This feature would be beneficial for any Crocoblock users who wish to add a visually dynamic effect to sliders within the Listing Grid widget. Currently, no workaround is available without compromising design quality. This addition would allow Crocoblock users to create more visually sophisticated layouts similar to those in Webflow, where shadows are supported within sliders.

Supporting Media: Please see the attached screenshot for a visual representation of the shadow clipping issue in the Crocoblock Listing Grid widget.

This feature would be a valuable addition to Crocoblock’s functionality, improving the design capabilities and user satisfaction of the Listing Grid widget. Thank you for considering this request.

Screenshot 2024-10-29 at 11 34 38