Skip to main content

Electro 3.3.0: Smarter Product Discovery with Compatibility Finder & Image Comparison

Written by eComX support

Electro 3.3 is built around one goal: helping electronics shoppers buy with confidence. This release introduces two new discovery tools - a Compatibility Finder and a draggable Image Comparison slider - alongside a reworked block and typography system that gives you far more control over how products and content are presented. Rolled in are the refinements from 3.3.1 and 3.3.2, making this the most polished version of Electro yet.

Highlight Features

Find the Right Fit Instantly with Compatibility Finder

Electronics shoppers hesitate when they aren't sure an accessory or component will actually work with the device they already own or which product line suits their need. The new Compatibility Finder section lets shoppers quickly find the product they want based on several demand filters - replacing guesswork with a clear, guided path to the right purchase. That certainty means fewer abandoned carts, fewer support questions after the sale, and more shoppers checking out with confidence.

How to create a Compatibility Finder section in the Electro theme:

  • Step 1: In the theme editor, click Add section > search for Compatibility Finder section.

  • Step 2: Customize the section to you liking: write content, setup finder fields.

  • Step 3: Add devices for filters. In each device setting, update necessary fileds and insert a product/collection link.

  • Step 3: Save the editor.

Let Shoppers See the Difference with Image Comparison Slider

When shoppers are weighing two models, colorways, or a before-and-after result, static images ask them to imagine the difference for themselves. The new Image Comparison section adds a draggable before/after slider so shoppers can directly compare two images side by side - the kind of hands-on evaluation that builds trust and turns browsing into a purchase decision.

How to create a Image Comparison section in the Electro theme:

  • Step 1: In the theme editor, click Add section > search for Compatibility Finder section.

  • Step 2: Customize the section to you liking: write content, setup finder fields.

  • Step 3: Add devices for filters. In each device setting, update necessary fileds and insert a product/collection link.

  • Step 3: Save the editor.

Easy Product Navigation with new Sidebar Mega Menu

The new mega menu reimagines category navigation as a visual shopping experience rather than a simple list of links. It gives shoppers a fuller, better-organized view of your navigation - helpful for catalogs with many categories, brands, or spec ranges to browse through.

Read this article to learn how to setup the mega menu in the Electro theme.

Notable Additions and Improvements

  • Recently Viewed section: Keeps recently browsed products visible, so shoppers comparing multiple items don't lose track of what they've already checked out and can jump straight back to a spec sheet or product page.

  • Reworked Custom section: Now a free-form canvas that hosts theme blocks with an image or video background and full layout control, so you can build comparison tables, feature callouts, or spec highlights exactly the way your catalog needs.

  • Reworked theme blocks: Text, Heading, Button, Image, Video, Group, and Icon blocks all gained more granular style, size, and layout options - giving you finer control to build clean, technical-feeling layouts.

  • Expanded theme settings: New per-heading typography presets plus expanded button and icon controls apply theme-wide, so specs, callouts, and CTAs stay visually consistent across every page.

  • Running text with images: Running text blocks can now include image blocks alongside copy - useful for illustrating a spec or feature directly within your descriptive text.

  • New product gallery media layout: On large screens, product pages now support a main-media-with-thumbnails layout (left or below), or an image grid - giving shoppers more ways to inspect product photos before they buy.

  • Rebranding: The theme is now published under the eComX brand (previously SalesHunterThemes) - same team and support, new name.

Bug Fixes & Under-the-Hood

  • Theme Editor: Sections in the Add Section picker no longer show a "No preview available" placeholder.

  • Carousel: Fixed a delay affecting the progress indicator.

  • Headings: Fixed inconsistent bottom spacing across H1–H6, introduced with the new typography system.

  • Color schemes: Added the missing border color to every preset so schemes now match their definitions.

  • Countdown: Updated the default end date so demo timers no longer display as already expired.

  • Demo themes: Fixed an installation error that prevented some demo styles from applying correctly; default theme settings are now synced with the schema so every preset applies without missing values.

Did this answer your question?