4.0Essential Grid 4.0 is here — see what’s new

Fizzlark Sparkling Tea Shop with Slider Revolution 7

A sparkling-tea maker’s flavours as colour-block tiles: hover a bottle and, with Slider Revolution 7, round bubbles of the full-colour photo bob over the dimmed shot while one big bubble follows the pointer and pushes the others aside (SR7’s BubbleMorph). Filter by taste; one click shows the flavour large.

The live grid

yoursite.com/fizzlark-sparkling-tea-shop-grid/Live grid · demo content

An invented brand with generated pictures and no shop behind it: the prices are part of the design. The bubbles are SR7’s BubbleMorph, put on the cards by the grid’s own JavaScript (it needs Slider Revolution 7 and its licence); without it a tile keeps its own hover: it lifts and the bottle leans in. One grid, eleven styles

The recipe

Use case
Shop
Layout
Masonry
Source
Custom grid
Skin
Colour-block Tiles
Effects
BubbleMorph hover (Slider Revolution 7)Lift hoverLightboxSoft scale entrance
Grid features
Filter buttonsFilter countsSlider Revolution 7 effect
Works with
GutenbergElementorDiviWPBakeryShortcode