DEV3 Technologies home

DEV3 Visora – Optician & Eye Care WordPress Theme for Elementor & WooCommerce

A WordPress theme for opticians and eye-care practices: a lens-mask photo hero, a lens options step on frame products, a lens comparison table, frames by face shape with a size guide, optometrist timetables, a private prescription upload and a WooCommerce shop. No 3D.
by DEV3 TechnologiesVerified Author(0) 0 sales 1 viewsUpdated 07 Nov 2026

Launch Offer: up to 50% off

This item is 50% off: $24.50 instead of $49

Ends in
--
Days
--
Hrs
--
Min
--
Sec

DEV3 Visora is a WordPress theme for opticians, optometrists and eye-care practices that sell eyewear. It is clean and clinical-retail: a warm off-white page, deep ink and denim, coral highlights, Josefin Sans headlines and a hero that shows your photo through two round lenses inside a drawn frame. The photo sharpens as the page loads (a calm CSS focus-in that stops for reduced motion). There is no 3D or WebGL in the theme at all.

Buy a licence to download it. There is no public live demo: watch the video tour at the top of this page, or step through the screenshots at desktop, tablet and phone sizes.

A lens step that sells the second half of the order

  • Choose your lenses appears under the frame options on every frame product: frame only, single vision, blue-light filter, varifocal or photochromic. Sunglasses offer plain sun lenses or prescription single vision and varifocal.
  • Each choice has a price you set in the Customizer. The price is added to the line in the cart (from the product's own price, so it never compounds), shown in the cart and the order, validated on the server, and works without JavaScript. With JavaScript you also get a live "Frame and lenses" total.

A lens options comparison table

One real table compares your four lens options side by side with prices and a highlighted "Most chosen" column. It scrolls sideways on phones with a sticky first column, carries Included and Not included labels for screen readers, and gains Compare checkboxes that fold away columns. Place it on any page with a one-line marker.

Frames by face shape, and a size guide that helps

  • Five illustrated face-shape cards open the shop already filtered. Filter chips above the grid are plain links, and every frame lists the shapes it suits.
  • A Size guide tab on each frame shows lens width, bridge, temple and lens height beside a labelled diagram, plus a generic reference table and printable PDFs.
  • Frames are variable products with colour swatches and an optional frame size.

A prescription upload you can defend

A form for photos or PDFs with a data-protection note and a consent tick. Every upload is checked (nonce, honeypot, rate limit, size, real file type, image decode and re-encode, PDF checks) and stored under a random name in a private folder that denies direct web access. Team members open files from the request screen through a signed link, and a daily job deletes files after 60 days. Write your own retention text in the Customizer.

Optometrists, services and hours

Services with a guide price, length and what happens at your visit; optometrists with portraits in round lens frames, special interests and weekly timetables; a live opening-hours card with today highlighted; a booking bar and request form; insurance and payment options; customer reviews; and a journal. Everything is careful with health content: the demo makes no medical claims and shows your disclaimer.

Shop and editing

WooCommerce styling for frames, sunglasses, contact lenses (prescription required), accessories and vouchers, a slide-out mini cart and a clear checkout. Every demo page is built in Elementor (the free version works) with the DEV3 Theme Toolkit widgets, and 30 block patterns cover the same sections for the block editor. Fonts are self-hosted. The demo people photos are free-licence stock listed in PHOTO-CREDITS.md; frames and accessories are original illustrations; the practice, people, prices and figures are fictional.

How it's built

Architecture, stack, key decisions and the quality gates DEV3 Visora passed before release.

Our own WordPress theme for opticians and eye-care practices: a lens-mask photo hero, a lens step on frame products, a lens comparison table, frames by face shape with a size guide, and a private prescription upload, built on the no-3D theme core.

The problem it solves

An optician sells two things at once: a frame and the lenses behind it. Most themes treat eyewear as a normal product and leave the lens choice, the prescription and the size to emails and phone calls. Visora had to make those steps part of the page while staying careful with health content and with patient data.

Architecture and approach

Visora is a classic PHP theme with theme.json, built on DEV3's shared theme core in flat mode: a build gate fails the theme if any three.js or WebGL code reaches its assets. The always-loaded JavaScript is about 13 KB gzipped.

The lens step, the comparison table, the face-shape cards and the prescription form are server-rendered HTML first, then enhanced with a small lazy script. Lens prices are added to the cart line from the product's own price, validated on the server and saved on the order. The prescription upload checks the file type and content, re-encodes images, stores files in a private folder and deletes them after a retention period.

Quality gates and results

Visora ships with a one-click demo: 12 Elementor pages, 6 services, 4 optometrists with timetables, 6 customer reviews, 6 articles, 16 frames, accessories, contact lenses, a voucher and 30 block patterns.

It passes PHP lint, WordPress coding standards (0 errors, 0 warnings), Theme Check with no required issues, the WooCommerce checkout flow and an Elementor editor test, and its no-3D gate.

Tech stack

Area Technologies
Frontend DEV3 Motion, Photo Hero, Lenis, Elementor widgets, Block patterns
Platform WordPress 6.0+, PHP 7.4+, WooCommerce, Contact Form 7, DEV3 Theme Toolkit
Delivery phpcs (WPCS 3), Theme Check, No-3D build gate, One-click demo importer

Inside the build

Lens-mask photo hero: two round lenses frame a slideshow that sharpens on load, with a split headline, booking and frames buttons and trust chips. Lens-mask photo hero — two round lenses frame a slideshow that sharpens on load, with a split headline, booking and frames buttons and trust chips.

Booking bar: a floating card under the hero: choose a service, a day and a time of day, then your details. No payment is taken. Booking bar — a floating card under the hero: choose a service, a day and a time of day, then your details. No payment is taken.

Guides & articles

Practical guides and engineering write-ups for DEV3 Visora.

An optician WordPress theme: lens options, face shapes and prescriptions with Visora

Last updated
An optician WordPress theme: lens options, face shapes and prescriptions with Visora: DEV3 Visora

An optician sells two things at once: a frame and the lenses behind it. Most WordPress themes treat glasses like any other product and leave the lens choice, the prescription and the size to emails and phone calls. DEV3 Visora is a theme built to make those steps part of the page, with every demo page editable in Elementor.

The Visora home page: a hero where a frame wall photo shows through two round lenses beside the headline

Video tour of the Visora demo: the lens-mask hero, services, face shapes, lens comparison, optometrists and the prescription upload

Who Visora is for

  • Independent opticians and optometry practices that book sight tests and sell frames.
  • Online eyewear shops that want lens options, size guidance and a safe prescription step.
  • Agencies and developers building a practice site the client can edit.

A lens step on every frame

Under the colour and size options, each frame offers Choose your lenses: frame only, single vision, blue-light filter, varifocal or photochromic, with the price of each. The choice is added to the cart price, shown in the cart and the order, and checked on the server. It works without JavaScript, and with JavaScript you see a live total.

The lens step on a frame product: radio choices with prices, how the prescription will arrive and a frame and lenses total

A comparison that people can read

The lens options table puts the four choices side by side with prices, a highlighted "Most chosen" column and Compare checkboxes. It is a real table with labels for screen readers, and it scrolls sideways on phones.

The lens options comparison table with four lens types, feature rows and prices

Frames by face shape, and a size guide

Five illustrated face-shape cards open the shop already filtered, and every frame lists the shapes it suits. A Size guide tab shows lens width, bridge, temple and lens height beside a labelled diagram.

Five face-shape cards that open the filtered shop

The shop filtered to frames that suit round faces, with face-shape chips above the grid

A prescription upload that is careful with data

The upload form checks every file (type, content, size, image decode and re-encode, PDF checks), stores it in a private folder and lets only signed-in team members open it. A daily job deletes files after a retention period you set, and you write the data note shown beside the form.

The prescription upload form with a data note, a drop area for photos or PDFs and a consent tick

Optometrists, hours and booking

Services come with a guide price and what happens at the visit, optometrists with portraits and weekly timetables, and a live opening-hours card with an Open now pill. A booking bar sits under the hero.

Optometrist profile with a round portrait, interests, timetable and a booking form

Careful with health content

The demo makes no medical claims, adds a disclaimer you can edit, and treats every figure and review as a sample. Visora is a design product: you are responsible for what you publish and for selling contact lenses only with a valid prescription.

Editing and shop

Every demo page is built with Elementor (the free version works) and the DEV3 Theme Toolkit, and 30 block patterns cover the same sections for the block editor. WooCommerce styling covers frames, sunglasses, contact lenses, accessories and vouchers, a slide-out mini cart and a clear checkout.

The Elementor editor with the Photo Hero selected

DEV3 Visora is a no-3D theme: the always-loaded script is about 13 KB gzipped, fonts are self-hosted and motion respects reduced-motion settings.

Frequently asked questions

The complete source code (version 1.0.0) as a download from your account, with the setup and usage guides shown on this page. You can modify the code to suit your product.

Buying guides: 3D and motion WordPress themes for Elementor and WooCommerce

Questions about this product (6)

Answers from the DEV3 team and the community.

Ask a question

More from this author

View all

Related in CMS Extensions

View all