Skip to content
GPLWP Guides

How to build a WooCommerce eyewear store

WooCommerce Time About 2–4 hours for a basic catalogue 6 steps Updated 5 Sep 2026

WOOCOMMERCE
The short answer

You can build a WooCommerce eyewear store without a specialist plugin: use variable products for frame colours, sizes and lens options, global attributes for filtering, and WooCommerce settings for payments, tax and shipping. Add a specialist theme when you want the shop layout and product filters prepared faster.

The route
  1. 01Plan the eyewear catalogue
  2. 02Complete the WooCommerce setup
  3. 03Add frames and lens options
  4. 04Build the shop navigation
  5. 05Design product and checkout pages
  6. 06Test orders before launch

What you need

  • A WordPress site with WooCommerce installed
  • Admin access to WordPress
  • Product photos, prices, SKUs and stock information
  • Your payment, shipping, tax and returns details

Plan the eyewear catalogue

Decide which products you will sell first and how customers will narrow them down. A useful structure is categories such as sunglasses, optical frames and accessories, with global attributes such as frame colour, frame shape, material, size, gender or style, lens type and brand. Categories organise the catalogue, while attributes can be used for product selection and filtering.

Use a simple product for an item with no selectable options. Use a variable product when the choice changes the price, image, stock or SKU, such as a frame colour or lens package. Prescription uploads, pupillary-distance measurements, virtual try-on and complex lens configuration are not part of standard WooCommerce; plan an extension or custom development for those requirements.

Complete the WooCommerce setup

Open the WooCommerce setup checklist and enter the shop location, currency, product type and business details. Complete the payment task under WooCommerce > Settings > Payments, then configure the countries you serve and your shipping zones and methods. WooCommerce's setup checklist covers products, payments, design, tax, shipping and the launch check.

Enable tax calculation only after confirming what your business must charge with a qualified tax professional. Set your privacy policy, guest checkout and account-creation choices under WooCommerce > Settings > Accounts & Privacy. Do not leave shipping zones empty: the common Friday-night failure is a checkout showing no delivery method because the customer's address does not match a zone or the zone has no active method.

Add frames and lens options

Go to Products > Add New, add the name, description, price, SKU, stock status, category, main image and gallery, then publish the product. WooCommerce uses the main product image on the product page and resized catalogue images in shop and category listings, so use clear front, side, folded and worn images where appropriate.

For a variable product, select Variable product in Product data, add attributes such as Colour, Size and Lens type, tick the option to use each relevant attribute for variations, save the attributes, then create the valid combinations. Give every sellable variation its own price, SKU, image and stock setting. A variation without a price will not appear for sale. Keep the combinations limited: more than 30 variations changes how WooCommerce updates the option dropdowns and can make unavailable combinations confusing.

Build the shop navigation

Create a clear menu with Shop, Sunglasses, Optical frames, Accessories, Size guide, About, Contact and the customer account area. In classic themes use the menu editor; block themes use the Navigation block. Add product categories to the navigation rather than forcing visitors to search for every frame.

Add product filters to the shop or category template using the available WooCommerce product filter blocks or your theme's equivalent. Filter by attributes customers understand, such as colour, shape, material, size, lens type and price. For a filter to return useful results, assign the global attribute to the parent product as well as defining variation values; attributes stored only on variations are a recurring cause of empty or incomplete filters. Clear page and object caches after importing or changing a large catalogue.

Design product and checkout pages

Make the frame details easy to scan. Show measurements, frame material, colour, lens information, availability, delivery timing, returns, care instructions and whether prescription lenses are supported. Put the size guide near the size selector and use descriptive alternative text for product images. Check the layout at mobile width because eyewear shoppers often compare images and options on a phone.

Keep the checkout focused and show the final delivery charge before payment. Test guest checkout, account creation, privacy notices, payment confirmation, order emails and the customer account page. If you need prescription uploads or a guided lens configurator, add and configure the required extension before launch rather than collecting those details in an improvised order note.

Test orders before launch

Place test orders for an in-stock simple product, each important variation and an out-of-stock variation. Confirm that the selected colour, size, lens option, price, SKU and stock level reach the order correctly. Check that category pages, filters, search, cart, checkout, mobile navigation and confirmation emails all work.

The manual route is fine for a small catalogue and gives you full control over the shop. The fast route is to use Zenny: its eyewear-focused Elementor layouts, starter homepages and product-filter features reduce the amount of shop design work, while WooCommerce still handles products, orders, payments and stock. Choose it when you want a niche eyewear storefront rather than building the visual system from a general WooCommerce theme.

The fast route

Let Zenny do it

Eyewear-focused Elementor layouts and product filters; choose it for a fast, niche storefront instead of a general WooCommerce theme.

Get Zenny

Sources

  1. woocommerce.com /document/managing-product-taxonomies/?utm_source=openai
  2. woocommerce.com /document/woocommerce-setup-wizard/?utm_source=openai
  3. woocommerce.com /document/configuring-woocommerce-settings/accounts-and-priv…
  4. woocommerce.com /document/adding-product-images-and-galleries/?utm_source=op…
  5. woocommerce.com /document/variable-product/?utm_source=openai
  6. wordpress.org /documentation/article/appearance-menus-screen/?utm_source=o…

Questions

Can I build an eyewear store with WooCommerce alone?
Yes, WooCommerce can handle the catalogue, variations, stock, payments, shipping and checkout without a specialist eyewear plugin. The manual route is suitable for frames and standard lens choices. You need an extension or custom development for prescription uploads, pupillary-distance measurement, virtual try-on, advanced lens calculations or other specialised optical workflows.
Should each frame colour be a separate product?
Usually no. Create one variable product when the colours share the same frame model and customers choose a colour before adding it to the cart. Give each colour variation its own image, SKU and stock. Use separate products when the items need different descriptions, search results, categories or independent marketing pages.
Why are my eyewear filters showing no results?
Filters usually fail because the products do not have the relevant global attributes assigned, the attribute exists only on variations, the filter is placed outside the shop template, or cached results are being displayed. Assign filter attributes to the parent product, mark variation attributes correctly, check the filter block settings and clear caches after imports.
How should I model prescription lenses in WooCommerce?
Do not treat a full prescription workflow as ordinary frame variations unless the number of combinations is small and fixed. Standard variations work for limited choices such as clear, tinted or blue-light lenses. Prescription values, file uploads, pupillary distance and calculated lens prices generally need a dedicated product-options or optical-commerce extension, followed by a full checkout and fulfilment test.
What should I test before opening the store?
Test product images, frame options, prices, stock, filters, cart totals, payment confirmation, tax display, shipping zones, order emails, refunds and mobile checkout. Place orders using both an available and unavailable variation. Also verify that the selected variation appears correctly in the order and that customers can find size, returns and prescription information before paying.