Quick Summary

Thrivepix specializes in Shopify theme customization, app integration, product page design, and checkout customization. Learn what we can build for your Shopify store and how to request work effectively.

What You'll Learn

• Shopify theme customization capabilities
• App integration and setup
• Product page design
• Checkout customization
• Common Shopify request examples
• How to provide Shopify access

What We Can Do in Shopify

Shopify Development Services

Theme Customization:

• Customize existing Shopify themes
• Homepage design
• Collection page layouts
• Product page templates
• Cart and checkout styling
• Header and footer customization

Product Pages:

• Custom product templates
• Image galleries and zoom
• Product variants (size, color, etc.)
• Product recommendations
• Reviews and ratings
• Size guides and charts

Collection Pages:

• Custom collection layouts
• Filtering and sorting
• Grid or list views
• Quick view functionality
• Infinite scroll or pagination

Cart & Checkout:

• Cart page customization
• Slide-out cart drawer
• Checkout page styling (Shopify Plus)
• Upsells and cross-sells
• Free shipping progress bar
• Gift message options

App Integration:

• Install and configure apps
• Reviews apps (Judge.me, Loox)
• Email marketing (Klaviyo, Mailchimp)
• Loyalty programs
• Subscription apps
• Inventory management

Custom Functionality:

• Product customizers
• Bundle builders
• Size calculators
• Custom forms
• Store locators
• Lookbooks

What We Don't Do

• Shopify store setup (you create the store)
• Product uploads (we can help with templates)
• Inventory management
• Order fulfillment
• Customer service
• Complex custom apps from scratch

Shopify Theme Customization

Popular Themes We Work With

Free Themes:

• Dawn (Shopify's default)
• Sense
• Craft
• Colorblock
• Studio

Premium Themes:

• Impulse
• Prestige
• Turbo
• Empire
• Warehouse
• Any theme from Theme Forest

Customization Capabilities

Visual Customization:

• Colors and fonts
• Logo and branding
• Button styles
• Spacing and layout
• Image sizes and ratios
• Icons and graphics

Layout Changes:

• Homepage sections
• Header and navigation
• Footer layout
• Product page layout
• Collection page grid
• Blog layout

Functionality:

• Mega menus
• Search functionality
• Filtering options
• Quick view popups
• Sticky headers
• Announcement bars

Theme Customization Example

Title: Customize Shopify Theme Homepage

Description:
Customize Dawn theme homepage with:

1. Hero section: Full-width image, headline, CTA button
2. Featured collections: 3 collections with images
3. Product grid: Best sellers (8 products)
4. Image with text: About section
5. Testimonials: Slider with 5 testimonials
6. Instagram feed: 6 recent posts
7. Newsletter signup

Branding:
- Primary color: #2C5F2D
- Font: Montserrat for headings, Open Sans for body
- Logo: See attached

Access: [Shopify collaborator invite]

Product Page Design

Product Page Elements

Essential Elements:

• Product images (gallery with zoom)
• Product title and price
• Variant selectors (size, color, etc.)
• Quantity selector
• Add to cart button
• Product description
• Shipping information
• Return policy

Enhanced Elements:

• Image zoom and lightbox
• Video integration
• 360-degree product views
• Size guide popup
• Product reviews
• Related products
• Recently viewed
• Trust badges
• Social sharing

Product Variants

Variant Options:

• Size (S, M, L, XL)
• Color (with color swatches)
• Material
• Style
• Custom options

Variant Display:

• Dropdown selectors
• Button selectors
• Color swatches
• Image swatches
• Variant images (change main image)

Product Page Example

Title: Design Custom Product Page Template

Description:
Create custom product page with:

Layout:
- Left: Image gallery (5 images, zoom on hover, lightbox on click)
- Right: Product info (title, price, variants, add to cart)

Variants:
- Size: Dropdown (XS, S, M, L, XL, XXL)
- Color: Swatches with images (6 colors)

Below Fold:
- Tabs: Description, Shipping, Returns
- Size guide button (opens popup)
- Reviews section (Judge.me app)
- Related products (4 products)
- Recently viewed (4 products)

Features:
- Sticky add to cart on mobile
- Low stock indicator ("Only 3 left!")
- Free shipping badge
- Trust badges (secure checkout, free returns)

Reference: Similar to https://example.com/product
Access: [provided]

Collection Page Design

Collection Page Elements

Essential Elements:

• Collection banner/header
• Product grid
• Product cards (image, title, price)
• Pagination or load more

Enhanced Elements:

• Filtering (by price, size, color, etc.)
• Sorting (price, newest, best selling)
• Grid/list view toggle
• Quick view
• Wishlist/save for later
• Product count
• Active filters display

Filtering and Sorting

Filter Options:

• Price range
• Size
• Color
• Brand
• Material
• Category
• Availability (in stock)

Sort Options:

• Featured
• Best selling
• Price: Low to high
• Price: High to low
• Newest
• A-Z

Collection Page Example

Title: Add Filtering to Collection Pages

Description:
Add filtering and sorting to collection pages:

Filters:
- Price range (slider: $0-$200)
- Size (checkboxes: XS, S, M, L, XL, XXL)
- Color (color swatches: 8 colors)
- Category (checkboxes: 5 categories)
- Availability (checkbox: In stock only)

Sorting:
- Dropdown with options: Featured, Best Selling, Price (Low-High), Price (High-Low), Newest

Layout:
- Filters: Left sidebar (desktop), collapsible menu (mobile)
- Products: 4 columns (desktop), 2 columns (mobile)
- 24 products per page with pagination

Features:
- Active filters shown with X to remove
- Product count updates as filters applied
- "Clear all filters" button
- Results update without page reload

Access: [provided]

Cart and Checkout Customization

Cart Page

Cart Elements:

• Product list (image, title, price, quantity)
• Quantity adjusters
• Remove item button
• Subtotal
• Shipping calculator
• Discount code field
• Checkout button

Enhanced Features:

• Free shipping progress bar
• Upsells ("You may also like")
• Gift message option
• Gift wrapping option
• Estimated delivery date
• Trust badges
• Continue shopping link

Slide-Out Cart Drawer

Features:

• Opens from side when item added
• Shows cart contents
• Quick quantity adjustment
• Subtotal display
• Checkout button
• Upsell products
• Close button

Checkout Customization (Shopify Plus Only)

What We Can Customize:

• Checkout page styling
• Logo and branding
• Colors and fonts
• Custom fields
• Trust badges
• Custom scripts

Note: Checkout customization requires Shopify Plus plan

Cart Customization Example

Title: Add Slide-Out Cart Drawer

Description:
Replace cart page with slide-out cart drawer:

Functionality:
- Opens from right when product added to cart
- Shows all cart items with images
- Quantity adjusters (+/- buttons)
- Remove item (X icon)
- Subtotal with currency
- Free shipping progress bar ("Add $25 more for free shipping")
- Checkout button (prominent, brand color)
- Continue shopping button

Upsells:
- "You may also like" section
- 3 recommended products
- Quick add to cart

Design:
- Match site branding
- Smooth slide-in animation
- Mobile-optimized

Access: [provided]

App Integration

Popular Shopify Apps

Reviews:

• Judge.me (recommended)
• Loox
• Stamped.io
• Yotpo

Email Marketing:

• Klaviyo (recommended)
• Mailchimp
• Omnisend

Subscriptions:

• Recharge
• Bold Subscriptions
• Seal Subscriptions

Upsells:

• Bold Upsell
• Zipify
• ReConvert

Inventory:

• Stocky
• TradeGecko

App Integration Example

Title: Integrate Judge.me Reviews App

Description:
Install and configure Judge.me reviews app:

Setup:
- Install Judge.me app
- Configure settings (auto-request reviews after 7 days)
- Import existing reviews (see attached CSV)

Display:
- Product pages: Star rating below title, reviews section below description
- Collection pages: Star rating on product cards
- Homepage: Reviews carousel (5 featured reviews)

Styling:
- Match site colors
- Custom star color: #FFD700
- Review card style: Clean, minimal

Features:
- Photo reviews enabled
- Verified buyer badge
- Helpful voting
- Review filtering

Access: [provided]

Common Shopify Requests

Store Setup

Title: Setup Shopify Store with Custom Theme

Description:
Setup complete Shopify store:

Theme: Impulse theme
Pages: Homepage, Collections, Products, About, Contact
Products: 50 products (I'll upload, you create templates)

Customization:
- Brand colors and fonts
- Custom homepage sections
- Product page with reviews
- Collection filtering
- Slide-out cart
- Mega menu navigation

Apps:
- Judge.me (reviews)
- Klaviyo (email)
- Loox (photo reviews)

Access: [provided]

Mobile Optimization

Title: Optimize Shopify Store for Mobile

Description:
Optimize store for mobile devices:

Issues:
- Navigation menu doesn't work on iPhone
- Product images too small on mobile
- Add to cart button hard to tap
- Checkout form fields too close
- Footer layout broken

Requirements:
- Mobile menu: Hamburger with slide-in
- Product images: Full width, swipeable
- Buttons: Minimum 44px height
- Forms: Proper spacing, large inputs
- Footer: Stack columns

Test: iPhone 12, Samsung Galaxy S21
Access: [provided]

Providing Shopify Access

Collaborator Access (Recommended)

How to Add Collaborator:

1. Go to Settings > Users and permissions
2. Click "Add staff"
3. Enter email: [your PM will provide]
4. Select permissions: "Full permissions" or "Themes"
5. Send invitation

Permissions Needed:

• Themes (required)
• Products (if product work needed)
• Online Store (for pages and navigation)
• Apps (if app integration needed)

Theme Access

For Theme-Only Work:

• Add as collaborator with "Themes" permission
• We can edit theme code
• Cannot access products or settings

Shopify Best Practices

Before Requesting Work

Prepare:

• Choose and install theme
• Upload products (or provide product data)
• Gather brand assets
• Install required apps

During Development

Testing:

• Test on multiple devices
• Test checkout process
• Test all product variants
• Verify app integrations

After Completion

Final Checks:

• Test complete purchase flow
• Verify payment processing
• Check email notifications
• Test on mobile devices
• Review all pages

Common Questions

Q: Do I need Shopify Plus for customization?
A: No, most customizations work on any Shopify plan. Checkout customization requires Plus.

Q: Can you upload my products?
A: We can create product templates and help with CSV imports, but bulk uploads are your responsibility.

Q: How do I give you access?
A: Add us as a collaborator from Settings > Users and permissions.

Q: Can you work with any Shopify theme?
A: Yes, we can customize any Shopify theme.

Q: Do you build custom Shopify apps?
A: We integrate and customize existing apps but don't build complex custom apps from scratch.

Q: Can you migrate my store to Shopify?
A: Yes, we can help migrate from other platforms to Shopify.

Q: How long does Shopify customization take?
A: Depends on scope. Simple changes: 1-2 days. Full store setup: 1-2 weeks.

Q: Can you help with Shopify SEO?
A: We can implement technical SEO (meta tags, structure) but not content strategy.

Need More Help?

Contact support@thrivepix.com or message your project manager