Product Carousel — WYSIWYG Safe

Product Carousel

Swipe on mobile, drag or scroll on desktop, or tap a dot. Each card is a link to its own product page. No JavaScript.

Aurora Lamp

$48.00

Each card opens in a new tab via target="_blank" — delete that attribute on each <a> if you'd rather they open in the same tab. The dot links use href="#pc1" matching each slide's id; if you put two carousels on one page, rename those ids (e.g. pc1 → shoesA1) so the dots don't cross-target.

Product Carousel — White-Background Products

Product Carousel

Tuned for product photos on white / off-white. Swipe, drag, scroll, or tap a dot. Each card links to its product page. No JavaScript.

The image tint is #faf9f7 on the image area — nudge it toward white or a warmer off-white to match your photos. If your shots are framed tightly and you'd rather they fill the area edge-to-edge, change object-fit:contain to cover and drop the padding. Two carousels on one page? Rename the id="pc1" values and their matching href="#pc1" dots so they don't cross-target.

Contact Us

Have questions? We'll Help Find a Solution.

Products

Your headline goes here

Product Carousel

Product Carousel