Getting Started
Product Wrapper
![](/components/images/product-wrapper.png)
Copy Webflow element
Product Page
![](/components/images/product-page.png)
Copy Webflow element
Price
![](/components/images/product-price.png)
Copy Webflow element
Add to Cart
![](/components/images/add-to-cart.png)
Copy Webflow element
Shop Pay Button
![](/components/images/shop-pay-button.png)
Copy Webflow element
Subscription Swatches
![](/components/images/subscription-swatches.png)
Copy Webflow element
Stock Quantity
![](/components/images/variation-stock-quantity.png)
Copy Webflow element
Images Slider
![](/components/images/product-images-slider.png)
Copy Webflow element
Discount Percentage
![](/components/images/discount-percentage.png)
Copy Webflow element
Lightbox Images Thumbnails
![](/components/images/lightbox-images-thumbnail.png)
Copy Webflow element
Product Card
![](/components/images/product-card.png)
Copy Webflow element
Complementary Product Wrapper
![](/components/images/product-wrapper.png)
Copy Webflow element
Related Product Wrapper
![](/components/images/product-wrapper.png)
Copy Webflow element
Metafield Product Wrapper
![](/components/images/product-wrapper.png)
Copy Webflow element
Media Slider
![](/components/images/media-slider.png)
Copy Webflow element
3D Models
![](/components/images/product-3d-models.png)
Copy Webflow element
Country Switcher
![](/components/images/country-switcher.png)
Copy Webflow element
Location Switcher
![](/components/images/location-switcher.png)
Copy Webflow element
Store Availability
![](/components/images/store-availability.png)
Copy Webflow element
Cookie Consent
![](/components/images/cookie-consent.png)
Copy Webflow element
Mini Cart
![](/components/images/smootify-mini-cart.png)
Copy Webflow element
Cart
![](/components/images/smootify-cart.png)
Copy Webflow element
First Name
![](/components/images/customer-first-name.png)
Copy Webflow element
Last Name
![](/components/images/customer-last-name.png)
Copy Webflow element
![](/components/images/customer-email.png)
Copy Webflow element
Phone
![](/components/images/customer-phone.png)
Copy Webflow element
Default Address
![](/components/images/customer-default-address.png)
Copy Webflow element
Logout Button
![](/components/images/logout-button.png)
Copy Webflow element
Login Form
![](/components/images/login-form.png)
Copy Webflow element
Register Form
![](/components/images/register-form.png)
Copy Webflow element
Recover Form
![](/components/images/recover-form.png)
Copy Webflow element
Customer orders
![](/components/images/order.png)
Copy Webflow element
Passwordless Login
![](/components/images/passwordless-login.png)
Copy Webflow element
Subscribe
![](/components/images/subscribe.png)
Copy Webflow element
Unsubscribe
![](/components/images/unsubscribe.png)
Copy Webflow element
Update User
![](/components/images/user-update.png)
Copy Webflow element
Customer Addresses
![](/components/images/customer-addresses.png)
Copy Webflow element
New Address
![](/components/images/new-address.png)
Copy Webflow element
Order Page
![](/components/images/order-page.png)
Copy Webflow element
Predictive Search
![](/components/images/predictive-search.png)
Copy Webflow element
Search & Discovery
![](/components/images/search-discovery.png)
Copy Webflow element
Cart Upsell
![](/components/images/cart-upsell.png)
Copy Webflow element
Store Locator
![](/components/images/store-locator.png)
Copy Webflow element
Product File Upload
![](/components/images/product-file-upload.png)
Copy Webflow element
Newsletter Subscription
![](/components/images/newsletter-subscription.png)
Copy Webflow element