Challenge 1
Summary
Shopify store admin should be able to manually add similar products to the products in the Shopify admin
screen. On the storefront, customers should be able to view the similar items section on the product page
and should be able to add the items to the cart.
Requirements
1. Using the meta field, the store admin should be able to configure similar products on the product
detail page in the Shopify admin screen.
a. Create a meta field definition at the product level to allow the store admin to configure
similar items/related items for each product.
b. Store Admin: Go to products > Edit Product > Should be able to add similar products to
the selected product
i. Ex: Washing machines, similar type of washing machines can be added as
similar items to metafield.
2. Store admins should be able to add the similar products section in the theme editor on the product
page.
a. In the theme, please create a section for similar items, so that store admin can place and
configure it wherever they want.
b. The section should display the list of similar products configured, and each product card
should have a product image, title, price, and add to cart button.
c. The section should be able to display up to 10 similar products.
d. And give the option to edit the section title, so, the store admin can name it as Similar
items or Related products or whatever they want.
3. Customers should be able to view similar products on the product page on the storefront. And
they should be able to add similar products to the cart.
Delivery
● Create a Github private repository and share it with karthik-coderapper
● In the README file, please add the Shopify store URL and store password to view the store,
And also mention the URL for the specific product page, where we can see the similar items
section.
Challenge 2
Summary
Customers should be able to select preferable delivery timings during checkout and admin should be able
to view it on the order details page in the Shopify admin screen.
Requirements
1. Create a Shopify app and add a checkout UI extension for the preferable timings dropdown.
2. The preferable timings dropdown with the following options: 6 AM to 9 AM, 9 AM to 12 PM, 12
PM to 6 PM, and 6 PM to 9 PM.
3. During checkout, the customer should be able to choose the preferable timings from the
dropdown.
4. Finally, the selected preferable timings should be saved as a meta field under the created order,
and the Store admin should be able to view this meta field(Create a meta field definition at the
order level) on the order detailed page.
Delivery
● Create a Github private repository and share it with karthik-coderapper
● In the README file, please add the Shopify store URL and store password to view the store.