
The tilted wave, three rows at an angle, without an end
Three rows of square products, all of one height, tilted across the page and running against each other. Scrolling pushes them. Every product keeps its name, price and button on the card, and reacts to the pointer. Pro
How to get it
It is the Product Tape block with three rows and an angle of about nine degrees, and the Tilted wave pattern sets exactly that. Insert the pattern, full width, on a dark section. Pick the source, and use at least 24 products so that the rows do not repeat in view. The Pro plan includes it.
Why tilted
A straight ticker reads as a footer decoration, whereas an angle breaks up the page's vertical rhythm and makes people stop. The rows run past the edges, so nobody sees where they end. The angle is kept low enough for the products and prices to stay easily readable.
On the card
Each card shows the photo with a dark gradient at the bottom, and on it the name, price and button in white. Under the pointer the row slows to a quarter of its speed and the button grows a little, which makes a moving target easy to hit. Touch screens can tap the button in passing, and the scroll speed is what they control.
Where it belongs
In the first part of a home page, or as the big closing section of a campaign page. The tilted wave says "there is a lot here", so it needs a range to back it up. With fewer than a dozen products, use a straight tape with two rows, or a coverflow, which shows few products well.
Questions
Does it work on a phone?
Yes. Cards have a minimum size of 11rem and the rows keep running, with the scrolling of the page pushing them.
Can visitors stop it?
Under the pointer it slows down. With reduced motion turned on, it stands still and scrolls by hand.
Sample products throughout. Pro starts at $19 a year.
Get the free plugin





















