How The4 customized Combined Listings and product swatches for Okanui

Customer: Okanui

About: Okanui sells clothing and swimwear online. This project focused on its Unsen theme and the way product colours and sizes were presented.

Industry: Apparel and swimwear

A product range with many colours can make selecting a size unnecessarily difficult. Okanui asked The4 to integrate Shopify Combined Listings into an Unsen theme version and refine the product-page layout so colour choices would not push the purchase controls too far down the page.

The Challenges

The brief distinguished two kinds of choice: each colour was a separate child product grouped through Combined Listings, while sizes remained product variants. Selecting a colour needed to lead to the corresponding product, with size buttons beneath it.

Some products had more than twenty colours. The customer wanted the colour list to collapse and expand so it would take less space, especially on mobile. A separate layout request moved the SKU and sharing controls below the accordion.

The Solutions

Integrating Combined Listings in the Unsen theme

The4 worked in the theme version specified for the project. Implementation notes record the Combined Listings update alongside changes to the SKU and share block and the inner tabs.

Adding an expandable colour list

The review process identified issues with the initial Show more behaviour on desktop and mobile. A subsequent implementation update recorded Show more and Show less controls, together with a configurable limit for the initially displayed combined items, set to ten by default.

Checking the mobile layout

The follow-up update reported a mobile check with no horizontal overflow observed. The project coordinator acknowledged that update. These are implementation and review records; they are not a claim that the current storefront has been independently tested on every device.

The Results

The source record documents the Combined Listings integration, the SKU/share layout change and a later update to the expandable colour list. The outcome described here is the work reported in the project's theme version, rather than a claim about a separately verified production launch.

The customer subsequently asked for similar integration in quick view and quick shop. That was treated as an additional scope and is not presented as completed within this case. No measured sales or conversion improvement is claimed.

Conclusion

Okanui's project focused on a practical product-selection problem: keeping a large colour range manageable while preserving space for sizes and purchase controls. The implementation combined theme integration with a focused review of expandable swatches and mobile layout behaviour.

Explore Okanui's store. Planning a product-page customization? See The4's Shopify services or contact the team.