Product Option Color Image



Supports




Title
Product Option Color Image – Display Product Options with Colors & Images OpenCart 2.x + 3.x + 4.x

Short Description
Show product options as color swatches using color codes, images, or pattern images. Works with select, radio, and checkbox option types. Supports image swap on selection and displays color swatches across product grids, search, category, and product pages.

Demo
Admin: Admin > Extension > Module
Admin > Catalog > Product > Add / Edit > Option Tab
Front: Home Page
Category Page
Search Page
Product Details Page

Key Features
✔ Show product options with color swatches instead of plain text
✔ Supports select, radio, and checkbox option types
✔ Display color swatches on home page, category, special, search, manufacturer grids, and product page
✔ Flexible color display:
- Pattern Image (1st priority)
- Color Code (2nd priority)
- Color Image (fallback)
✔ Choose circle or square style for color swatches
✔ Supports additional images per color option
✔ On product page:
- Main product image swaps when a color is selected
- Additional images change based on selected color option
✔ Works per product option for maximum flexibility
✔ Easy setup via admin – no core file changes (OCMOD/VQMod)

Compatibility
✔ OpenCart 2.X + 3.X + 4.X
✔ Supports PHP 5.6 – 8.3
✔ Tested with default theme & Journal 3
✔ No core file changes
✔ Built using OpenCart coding standards
✔ Lightweight and performance-friendly
✔ Multi-language & Multi-store supported

Installation Steps
✔ Upload the extension via Extensions - Installer
✔ Install module from admin - extension - module

Support & Updates
✔ Free installation and free support
✔ Response time: within 24 hours
✔ Support all theme journal2, journal3, pavo, foster template
✔ Note : Extension license valid for single domain only

Why Choose This Module?
✔ Enhance Visual Shopping Experience – let customers choose colors visually
✔ Boost Conversions – show real product variation previews instantly
✔ User-Friendly – easy to browse, select, and compare options
✔ Professional & Modern – swatches make your store look premium
✔ Seamless Integration – works on grids, lists, and product detail pages

Images & Screenshots View all screenshots
✔ Admin module configuration


✔ Admin Settings – set option swatch type (pattern, code, image)


✔ Product Grid View – color swatches under products


✔ Product Details Page – circle/square swatches visible under options


✔ Image Swap Example – main product image changes when color selected


✔ Additional Images Swap Example – gallery changes with selected option

What customers say about Product Option Color Image

weblounge
good module .. good support. Thanks for help
~weblounge
idialogue
My system OC 3.0.3.2 + Journal3 Very good experience with this extension and support team. Installation works. Initially there were some compatability issues with the Journal3 support team was very reliable. They fixed the extension to make it compatible, and they have done it very quickly. Functionality works as described. I do recommend this extension.
~idialogue
Jazee
This is awesome and extremely fast color option module. The support team is more than excellent! Their response time is extremely fast. They helped me to set up everything very properly and now I am working on adding Color Options to my products. I highly recommend this module to everybody who wants to add Product Color Options fast, secure and in no time.
~Jazee




Price
$30.00

  • Developed by OpenCart Community
  • 12 Months Free Support
  • Documentation Included

Rating

Compatibility
2.0.0.0, 2.0.1.0, 2.0.1.1, 2.0.2.0, 2.0.3.1, 2.1.0.1, 2.1.0.2, 2.2.0.0, 2.3.0.0, 2.3.0.1, 2.3.0.2, 3.0.0.0, 3.0.1.0, 3.0.1.1, 3.0.1.2, 3.0.1.3, 3.0.2.0, 4.x.x.x, 3.0.3.0, 3.0.3.1, 3.0.3.2, 3.0.3.3, 3.0.3.5, 3.0.3.6, 3.0.3.7, 3.0.3.8, 4.0.0.0, 4.0.1.0, 4.0.1.1, 3.x.x.x, 4.0.2.0, 4.0.2.1, 4.0.2.2, 4.0.2.3, 3.0.3.9, 3.0.4.0, 4.1.0.0, 4.1.0.1, 4.1.0.2, 4.1.0.3, 3.0.4.1

Last Update
17 Oct 2025

Created
18 May 2017
205 Sales
22 Comments
OpencartTools
OpencartTools
Member since: 2 Feb 2015

View all extensions Get Support