Profundi Thunder Theme

About the Extension

The all-in-one Shopware 6 theme that gives you complete visual control over your storefront — without writing a single line of code.

Thunder Theme by Profundi Web Solutions transforms how you build and maintain your Shopware storefront. With over 120 configuration fields, a built-in template and stylesheet editor, automatic brand color extraction, social login, and SEO tools, it replaces an entire stack of separate plugins with one integrated solution.

Complete Visual Customization (120+ Settings)

Every visual aspect of your storefront can be configured directly from the Shopware admin — no developer required.

Typography

Choose any Google Font or upload your own WOFF2 font files. Set separate fonts for body text and headings, configure font weights for variable fonts, and control font display behavior for optimal performance.

Colors

Fine-tune every color in your store: primary and secondary brand colors, text and heading colors, border colors, buy button colors (including text), link hover states, card backgrounds and text, and more. Every area of your storefront has dedicated color controls.

Area-Specific Color Controls

Set independent text colors for the header, navigation, flyout menus, content area, cards, and footer. Control flyout dropdown backgrounds and link hover colors on dark backgrounds separately from the main content.

7 Background Zones — Each with 3 Modes

Configure the background for each major storefront area independently:

• Header

• Navigation

• Hero/CMS Area

• Content

• Sidebar

• Footer

• Body

Each zone supports three background modes:

1. Solid Color — Choose any color

2. CSS Gradient — Define start color, end color, and direction (0–360 degrees)

3. Background Image — Upload an image with full control over position, size (cover/contain/auto), repeat behavior, plus a color overlay with adjustable opacity

That’s 11 settings per zone — 77 background settings in total — giving you pixel-perfect control over every section of your store.

Built-In Template & Stylesheet Editor

Edit your storefront’s Twig templates and SCSS stylesheets directly from the Shopware admin panel. No FTP, no deployment pipeline, no developer tools required.

• File Browser — Browse all storefront template and stylesheet files in a visual tree view with search and file type filters (Twig, SCSS, or all)

• Side-by-Side View — See the original Shopware source file next to your override so you always know what you are changing

• Create, Edit & Delete Overrides — Start from the original content, make your changes, and save. Remove overrides anytime to revert to default

• One-Click Compile — Save your changes and trigger theme recompilation in one step, with syntax error feedback if something goes wrong

• Live Preview — Open your storefront in a new tab directly from the editor to see changes immediately

• SCSS Import Management — Custom SCSS files are automatically registered in the build pipeline. No manual configuration needed

Access via Content > Thunder Theme > Template Editor in the admin sidebar.

Brand Identity — Automatic Color Extraction

Upload your company logo and let Thunder Theme generate a complete, accessible color scheme for your store.

• Dominant Color Analysis — Extracts up to 8 dominant colors from any uploaded image using color quantization and clustering

• Intelligent Color Mapping — Automatically assigns extracted colors to the correct theme fields: vibrant colors become your primary brand color, dark tones map to secondary and navigation, light colors fill backgrounds

• WCAG AA Contrast Validation — Every text/background combination is checked against the WCAG 4.5:1 contrast ratio standard. Failing colors are automatically adjusted to ensure readability

• Review & Adjust — Preview all suggested color assignments before applying and fine-tune individual colors if needed

• One-Click Apply — Apply the color scheme, automatically recompile the theme, and redirect to the theme settings detail page

Go from logo upload to a fully branded, accessible storefront in under a minute.

Access via Content > Thunder Theme > Brand Identity.

Social Login (Google & Amazon)

Let customers sign in using their existing Google or Amazon accounts. Fewer passwords mean less friction and higher conversion rates.

• Google Sign-In — OAuth 2.0 integration with Google’s identity platform. Automatically retrieves email, first name, and last name

• Amazon Sign-In — Login with Amazon OAuth integration with automatic name parsing

• Automatic Account Linking — If a customer already has an account with the same email address, the social login is linked automatically. No duplicate accounts

• Automatic Account Creation — New customers receive a Shopware account automatically created using their social profile data

• Per-Provider Toggle — Enable or disable Google and Amazon login independently per sales channel

• Secure by Design — OAuth2 authorization code flow with CSRF state parameter protection. Client secrets are stored as password fields in the admin and never exposed

• Storefront Integration — Social login buttons appear only when the provider is enabled and configured. Clean design with branded buttons for each provider

Configure via Content > Thunder Theme > Social Login in the admin sidebar.

SEO & Structured Data

Improve your search engine visibility with built-in structured data and social sharing controls.

• Organization Schema — Set your organization name and logo for JSON-LD structured data output used for rich results

• Product Schema — Automatic schema.org Product markup on product detail pages including pricing, availability, brand, SKU, and GTIN

• Website Schema — SearchAction markup enabling a sitelinks search box in Google results

• Open Graph Tags — Configure a default social sharing image (og:image) displayed when pages are shared on Facebook, LinkedIn, and other platforms

• Twitter Cards — Set your X/Twitter handle for Twitter Card attribution

Social Media Integration

Display your social media profiles as icon links in the storefront footer. Supports 7 platforms:

• Facebook

• Instagram

• X (formerly Twitter)

• YouTube

• LinkedIn

• TikTok

• Pinterest

Simply enter the URL for each platform in the theme settings. Icons appear automatically when a URL is configured and disappear when the field is empty. Clean SVG icons with hover effects.

Performance Optimization

Built-in performance features to keep your storefront fast:

• Lazy Loading — Enable native browser lazy loading for images to defer off-screen content and improve initial page load speed

• Font Display Swap — Ensures text remains visible while custom fonts load, preventing invisible text (FOIT)

• Preconnect Domains — Specify external domains (CDNs, analytics, font providers) to reduce DNS lookup and connection time for third-party resources

Admin Integration

All Thunder Theme features are organized under Content > Thunder Theme in the admin sidebar:

• Template Editor — Browse and edit storefront files

• Brand Identity — Extract colors from your logo

• Theme Settings — Direct link to theme configuration

• Social Login — Configure Google and Amazon OAuth credentials

No hunting through menus. Everything in one place.