Interactive Shopify Gift Guide

Problem

Developed a custom Shopify Gift Guide from a Figma design, featuring six interactive products, dynamic color and size selection, responsive product modals, and AJAX Add to Cart integration. Demo Access Password: abdelrahmanmohamed123

My contribution

Software Engineer

Delivered solution

Developed an interactive Shopify Gift Guide as a frontend development project, transforming a provided Figma design into a responsive e-commerce experience. Built two custom Shopify Liquid sections featuring a visual banner and a configurable six-product grid. Implemented interactive product hotspots, dynamic product modals, color and size selection, Shopify variant resolution, and AJAX Add to Cart functionality. Focused on responsive layouts, accessible interactions, and consistent visual design across desktop and mobile devices. Validated the implementation using Shopify Theme Check with zero reported offenses. Demo Access Password: abdelrahmanmohamed123 Use the Live Site button to explore the Shopify Gift Guide. Enter the password when prompted.

Technology

• Shopify
• Liquid
• JavaScript
• HTML5
• CSS3
• Figma
• Git
• GitHub
• REST APIs
• Responsive Design