How The4 built a custom EComposer accordion for Sirromet’s Shopify project
Sirromet Winery
About: Sirromet is a Queensland winery with an online wine store, dining, events and accommodation. Its Sip Collective membership page brings together wine-club information and estate benefits.
Industry: Wine & hospitality
A distinctive page design often depends on the details inside a single section. For Sirromet’s Shopify project, the brief centred on a custom accordion: the team needed to translate the supplied design into a working section, then check the interaction and icon styling before handoff.
The Challenges
The customer supplied page references featuring a more involved accordion section. The implementation needed to follow the design closely enough to preserve its visual character while making the expandable content work in the store.
- Build the accordion section from the supplied references.
- Review the transition effects and icon styling against the HTML reference.
- Provide a section file that could be imported into the customer’s store for checking.
The Solutions
A custom accordion packaged for EComposer
The4 built the accordion section and handed it over as an EComposer library file. This gave the team an importable deliverable to check inside the customer’s Shopify store before deciding to publish it.
Design-focused quality assurance
The QA review raised specific points about the smoothness of the effects and how closely the icons matched the HTML design. These details were reviewed during the implementation process, and a subsequent internal check confirmed that the work was ready for customer QA.
A staged handoff
The section handoff was followed by internal review and customer QA. The project record also includes a shared page screenshot and an additional request concerning a yellow section in the reference design. The final task was subsequently marked complete.
The Results
The documented deliverable was a custom accordion section supplied as an importable EComposer file. The project passed through internal and customer QA stages before being marked complete.
The outcome illustrates a practical approach to Shopify customization: build the requested component, check the visual and interaction details, and hand it over through a review process. No sales or conversion measurements were recorded for this project.
Conclusion
Sirromet’s project shows the attention required to turn a design reference into a usable Shopify section. The4’s contribution focused on the accordion build, an EComposer handoff and the QA work needed to move the project through review.
Need a custom section for your store? Explore The4’s theme customization services or contact the team about your project.
