add shoes to bag

Product listing grid for an ecommerce shoe store filtered by category chips (Men, Shoes, Running) with options to open search and filters/sort. Each product card shows a large image, color swatches, name, running use-case tags, price, and a heart icon to add to wishlist, with bottom navigation and a floating Menu button.

E-commerce product detail screen for a men’s shoe showing a large hero image with a swipeable image gallery and colorway thumbnails. Users can favorite or share the product, view name, category, price and color, and tap a prominent Add to bag button to purchase.

Product listing grid for an e-commerce shoe catalog showing men’s running road shoes as image tiles, with filter chips for category and an option to remove a selected filter. The top bar includes view/sort controls and search, while bottom navigation provides access to home, browse, cart, and account plus a floating menu button.

Ecommerce product detail screen for men’s shoes showing a large product image with a carousel and colorway thumbnails, plus favorite and share actions. Displays product name, price, selected color, and a prominent “Add to bag” button to purchase.

Product detail screen for men’s shoes showing a size selection bottom sheet with “true to size” guidance, US men’s size list, and a link to size and fit information. Includes color/variant thumbnails, share and wishlist actions, price display, and a prominent “Add to bag” CTA.

Ecommerce product detail screen for men’s shoes showing the selected model with color swatches, share and favorite actions, and a bottom sheet modal to select a US men’s size with a “size and fit” guide and current selection checkmark. The footer displays price, chosen color and size, and a primary “Add to bag” button to add the item to cart.

Ecommerce product detail screen for men’s shoes showing a bottom-sheet confirmation that an item was added to the bag, including product image, selected size and color, and primary actions to keep shopping or go to the bag/cart. The overlay also suggests complementary products with prices (“pairs perfectly with”) for cross-sell recommendations.

Shopping cart (bag) screen for an ecommerce app showing a product line item with image, selected variant details (gender/color/size), price, and controls to increase/decrease quantity or remove the item, plus an order total summary. Includes a free shipping promo banner, recommended products carousel for upsell, and a prominent Checkout button to proceed.