Shop Redesign: Premium Look with Depth and Polish

NEW

The in-game shop has received a complete visual overhaul. Every element — from product cards to the cart sidebar, from channel tabs to checkout buttons — has been redesigned with depth, polish, and smooth animations.

What Changed

Product Cards

The heart of the shop got the biggest upgrade:

Glass effect with layered gradients and deep shadows
Smooth hover — cards lift up, images scale to 1.08x, glow appears
Larger images (170px height, up from 150px)
Lazy loading — images load only when scrolled into view, saving bandwidth
Border separator between product info and the price/button area
Bigger prices (16px) with stronger glow for CC and KC currencies

New Shop Header

A new identity bar appears above the product grid, showing:

The shop’s type icon in a colored rounded container
The shop name in large bold text
A type badge (e.g., “Hardware”, “Food”, “Services”) with the type’s color
Product count and currency

This gives each shop a clear visual identity before you even scroll to the products.

Channel Tabs

The tabs for switching between shops got a cleaner look:

Pill-style with rounded corners
Hover changes the background subtly
Active tab glows with a blue-cyan gradient and inner shadow
Removed the complex border-mask effect for better performance

Filter Bar

Search and filter controls are now more polished:

Rounded inputs (10px border-radius) with focus rings
Pill-style selects that highlight on hover
Filter count shown as a badge with background
Clear button with red accent and hover lift

The shopping cart and orders panel on the right side:

Sticky positioning — stays visible while you scroll through products
Custom scrollbar — thin blue bar instead of the browser default
Gradient backgrounds with subtle shadows
Larger buttons with hover lift effects
Checkout buttons with gradient fill and glow on hover

Reviews

The reviews section at the bottom of each shop:

Better visual hierarchy with a divider line under the summary
Hover effect on individual review cards (left border lights up)
Larger stars and better spacing
Submit button with gradient and shadow on hover

Nearby Search & Shop Search

Both search features got premium card designs:

Depth with layered shadows
Slide animation on hover (nearby cards slide right)
Lift effect on shop search cards with purple glow
Larger icons (40px) with their own shadows

Empty States

When there are no products to show, instead of a plain text message, you now see:

A large icon (📦)
A clear message (“No products match your filters” or “No products yet”)
A helpful hint (“Try adjusting your search or check back later”)

Animations

Product cards now animate in with a staggered entrance — each card fades in and scales up slightly, with a small delay between cards. The animation uses a smooth cubic-bezier easing curve for a premium feel.

Map Pin Opt-Out

This release also includes a new privacy feature for shop owners:

Service providers who don’t want to reveal their physical location can now uncheck “Show my shop on the world map” in their shop settings. The shop remains fully functional — it just doesn’t appear as a pin on the map.

This is especially useful for consultants, digital service providers, and anyone whose business doesn’t have a public storefront.

Performance

Despite the richer visuals, the shop is actually faster thanks to:

loading="lazy" on product images — the browser only loads images that are visible
Simplified CSS (removed complex ::before masks on channel tabs)
GPU-accelerated transforms for hover animations

What’s Next

The shop redesign lays the visual foundation for upcoming features:

Product detail overlays with full-size images and specs
Wishlist / favorites — save products for later
Shop collections — curated product groups
Discount codes — promotional pricing
Shop analytics for owners — views, clicks, conversion

ENLIGHTENMENT is a blockchain-based game of personal growth, archetypal exploration, and collective resonance. Join us at getplasma.org.