The ST Block module for Drupal provides web developers with powerful tools to create visually dynamic content blocks with advanced customization options. This lightweight yet feature-packed solution enables you to enhance standard Drupal blocks with professional effects that would typically require custom coding.
Key Features of ST Block
ST Block transforms ordinary Drupal blocks into engaging content elements through these capabilities:
- Custom Block IDs – Assign unique identifiers for precise CSS targeting and JavaScript manipulation
- Animation Effects – Implement entrance animations triggered by scroll position
- Background Customization – Set static images, full-width backgrounds, or responsive video backgrounds
- Parallax Scrolling – Create depth effects using the integrated Stellar.js library
- Smooth Scrolling – Implement elegant anchor link navigation between blocks
- Waypoint Triggers – Execute actions when blocks enter/exit the viewport
Visual Configuration Options
The module provides an intuitive interface for block customization:
Implementation Guide
Setting Up Background Effects
To implement a parallax background:
- Install and enable the ST Block module
- Navigate to your block configuration
- Upload your background image in the designated field
- Adjust parallax ratio (typically between 0.1-0.5 for subtle effects)
- Set the background attachment to ‘fixed’ for optimal parallax performance
Creating Scroll Animations
The module supports multiple animation types:
- Fade in/out effects
- Slide transitions from all directions
- Bounce and elastic animations
- Custom CSS3 animations
Technical Requirements
ST Block leverages several JavaScript libraries to deliver its functionality:
- jQuery Appear – Detects when elements become visible in the viewport
- jQuery Stellar – Powers the parallax scrolling effects
- jQuery Waypoints – Handles scroll position triggers
- jQuery SmoothScroll – Enhances anchor link navigation
Version History
Version 1.1 (19 August 2014)
- Added compatibility with Panels module
- Improved mobile responsiveness
- Fixed minor CSS conflicts with admin themes
Initial Release (13 August 2014)
- Core block customization features
- Basic parallax and animation support
- Initial integration with required JavaScript libraries
Performance Considerations
While ST Block adds powerful effects, follow these best practices for optimal performance:
- Compress background images before uploading
- Limit parallax effects to key sections rather than every block
- Disable animations on mobile devices if performance suffers
- Combine with caching solutions for better page load times
For developers looking to extend functionality, the module provides hooks for custom modifications and supports theming overrides through standard Drupal template suggestions.
