Embedded Files
Designed a Shopify Storefront for Roseum Collections, Inc.
I created a new Storefront for Roseum Collections, a newly incorporated E-commerce business, to transition from its former website.
Roseum's products include Mini Champagne Labels, Wine Bottle Labels, Games, Invitations, Pregnancy Announcements, and Favor Tags.
As each product type is so different, I created custom templates to implement specific features for each type.
The most common templates include: Generic, Color Customizations, Name Customizations, etc.
Generic
As this product is not customizable, the only required option is a box for the quantity selector. The direct Amazon link to the product has been added for convenience.
Since this product is not customizable, it only requires a buyer to input the quantity or purchase it directly through Amazon—features of a Generic product type!
Above are snippets of JSON code in the Sections page for this Generic custom template. The first implements the quantity selector box and the second creates a new 'Buy on Amazon' button linked to the respective product's Amazon page.
Color Customization
The colors for this product are fully customizable and require a drop down menu displaying the possible color options.
In addition to the quantity selector, this snippet of JSON code is implemented in the Sections page for the relevant Birthday template. This product type requires creating labels for the four customizable single-line text fields.
This JSON code accounts for color customization by implementing variants of a product type. This code allows individual variants created through Shopify's 'Add Variant' feature to be included as drop down menu options:
Shown above: a preview of adding a new variant for the selected Personalized 21st Birthday Wine Label, and a display of all created color options for the product.
Name Customization
For products like pregnancy announcements or baby shower wine labels, buyers can personalize their purchases by including the names of the recipients, the baby's name, and the due date.
This snippet of JSON code can be found in the Sections page for the respective Baby Shower template. Here, there are no color customizations—this product type only requires a quantity selector and labels for the three customizable single-line text fields.
For more information about the process or ideas for new features, feel free to reach out—I'd love to discuss!
This project is an ever-evolving work in progress as the specific requirements for Roseum Collections change.
Stay tuned!
Page updated
Google Sites
Report abuse