How The4 customized Ecomus headings and product layouts for Japanese Green Tea Shops

Customer: Japanese Green Tea Shops

About: Japanese Green Tea Shops sells Japanese tea, coffee and snacks online, shipping products from Japan.

Industry: Food and beverages

Moving to a newer theme can mean losing controls a merchant uses every day. While preparing its move from Gecko 5.7.1 to Ecomus 2.2.4, Japanese Green Tea Shops asked The4 to carry familiar heading options into its new setup and adjust the balance of imagery and information on product pages.

The Challenges

The merchant liked Ecomus but wanted the flexibility of its previous Gecko heading section. The brief called for a separate heading-image option, a parallax setting, and control over the overlay colour and opacity. It also extended the image-setting requirement beyond collections to ordinary pages.

A second requirement concerned product-page proportions. The merchant wanted product photography to occupy roughly one-third of the desktop layout, leaving more space for the product content. Tablet behaviour needed its own review rather than simply inheriting the desktop arrangement.

The Solutions

Customizing the heading section around an established workflow

The4 worked on the Heading Page Collection section to address the merchant's Gecko-style requirements within Ecomus. The delivery discussion covered both ordinary pages and collection pages, keeping the scope tied to the merchant's heading workflow rather than a complete storefront redesign.

Adjusting product imagery for desktop and tablet

The desktop product layout was adjusted to the requested 33% image and 66% content balance. Customer review then identified a tablet issue: the image area took too much space and interfered with access to the product content. The team recorded a tablet fix in the follow-up thread.

Checking related storefront controls

The customer's review also raised wishlist and compare concerns. The implementation reply reported those local features working when testing the published preview. This was a functional follow-up, not evidence of a measured commercial improvement.

The Results

The customer confirmed that the Gecko-style header matched the request and that the desktop proportions were as intended. A subsequent implementation reply recorded the tablet adjustment. These review notes support a focused outcome: heading customization and a product-layout change refined through customer feedback.

No conversion, revenue or performance uplift is claimed. The work described here concerns the specific theme customizations in the project brief.

Conclusion

A theme change works best when it accounts for the controls and layouts a merchant already values. For Japanese Green Tea Shops, the project focused on heading flexibility and product-page proportions, with tablet feedback handled as a separate part of the review.

Explore Japanese Green Tea Shops. Planning your own theme customization? See The4's Shopify services or contact the team.