Optical Shop - Shapes & Trending Cards
Display eyeglass/sunglass shape tiles and trending product cards with video hover-autoplay. Provides shortcodes and Gutenberg blocks.
by Starter Dev · github.com/thelllmike/optical-shop-ui-category · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/thelllmike/optical-shop-ui-category/archive/refs/heads/main.zipDisplay eyeglass/sunglass shape tiles and trending product cards with video hover-autoplay on any WordPress page.
Description
Optical Shop UI adds two beautiful sections to your optical store:
- Shape Tiles — Round icon tiles (Rectangle, Cateye, Aviator, etc.) that link to product categories.
- Trending Cards — Image or video cards with hover-to-play, gradient overlays, and "Shop now" CTAs.
Both sections support Eyeglasses and Sunglasses groups, Gutenberg blocks, and classic shortcodes.
Features
- Custom Post Type-based admin for easy management.
- WP Media uploader for images, posters, and MP4 videos.
- Desktop: hover-to-play / leave-to-pause videos.
- Mobile: IntersectionObserver auto-play when 60%+ visible.
- Responsive layout with horizontal scroll + snap on mobile.
- Works with or without WooCommerce.
- Clean uninstall removes all data.
Installation
- Upload the
optical-shop-uifolder to/wp-content/plugins/. - Activate through Plugins → Installed Plugins.
- Go to Optical Shop UI → Shapes Manager to add shape tiles.
- Go to Optical Shop UI → Trending Manager to add trending cards.
- Use shortcodes or Gutenberg blocks on any page.
Shortcodes
[optical_shapes group="eyeglasses"]
[optical_shapes group="sunglasses"]
[optical_trending group="eyeglasses"]
[optical_trending group="sunglasses"]
[optical_trending group="eyeglasses" brand="YourBrand"]
Gutenberg Blocks
Search for Optical Shapes or Optical Trending in the block inserter.
Changelog
1.0.0
- Initial release.