Case study · Shopify

Alo Yoga: a cross-sell and Complete-the-Look engine on Shopify.

I built the cross-sell layer on Alo Yoga’s Egypt Shopify storefront. Every product page sells the full outfit: a Shop the Look carousel, a shoppable Style Inspiration section and You May Also Like recommendations, on desktop and mobile.

ClientAlo Yoga
MarketEgypt (EGP storefront)
PlatformShopify
StackLiquid · JavaScript
Built byMamdouh “Dan” Aly
What I built

What’s in the build.

Built

  • Shop the Look carousel on the product page, showing the full outfit (leggings, sneakers, cap) with EGP prices and a quick-add bag button on every item.
  • Style Inspiration (“Shop our best looks, styled by you”): customer and creator photos with shoppable hotspots on the products they wear, credited by Instagram handle.
  • You May Also Like recommendations under the inspiration section.
  • Mobile versions of every module, with horizontally scrolling carousels.

Stack

  • Shopify
  • Liquid
  • JavaScript

On the same pages

  • Product pages with colour swatches, size selection with a size guide, Add to Bag and Add to Wishlist.
  • Complimentary shipping and free returns message under the buy buttons.
Screens

From the live store.

Alo Yoga: Product page with colour swatches and size selector
Product page with colour swatches and size selector
Alo Yoga: Shop the Look carousel with quick-add buttons
Shop the Look carousel with quick-add buttons
Alo Yoga: Style Inspiration with shoppable hotspots
Style Inspiration with shoppable hotspots
Alo Yoga: Mobile product page: Add to Bag and Shop the Look
Mobile product page: Add to Bag and Shop the Look
More work

Other stores I’ve engineered.

Start a build

Let’s build something that ships.

Start a build
mamdohali720@gmail.com · +20 102 212 7566 (WhatsApp) · CAIRO, EG
Shopify developer in Cairo, Egypt Shopify packages & pricing Starting a Shopify store in Egypt Alo Yoga case study Volcom case study Oshoplin case study مطور شوبيفاي في مصر Portfolio