A jewelry store rebuilt module by module.

Jewelry is chosen through details such as gold purity, metal color, crystal color, material, and size. MerchantPro presents these attributes as text in a dropdown by default.

I built image-based product attributes and automatically generated fields for the product pages, so shoppers can choose options like gold purity or cord color visually instead of reading a list of words.

Every change fits in a file under 4,000 characters, the limit for custom code fields in the MerchantPro admin. I delivered 16 separate modules with installation instructions, so each change can be enabled or removed independently.

I took the color values directly from the site's theme.css instead of estimating them from screenshots, then used the green #014233 and gold #c8a74e consistently across every module.

A size converter appears automatically on ring pages. Shoppers enter the inner diameter or circumference in millimeters and get the exact label used by the order dropdown, from M46 to M75. There is no HTML to maintain because JavaScript generates everything only for ring categories.