Thank You for Your Purchase!
If you have any questions that are not covered in this documentation, do not hesitate to submit a support ticket. We appreciate your support! Below are the instructions for installing and customizing your Shella Studio theme.
Why Choose Shella Studio Themes?
Shella Studio premium Shopify themes stand out for several compelling reasons. Our sleek and modern designs are highly customizable, allowing you to create a unique brand identity that resonates with your target audience.
User-Friendly Interface
Users of varying technical skill levels will find it easy to navigate and implement changes without coding knowledge.
Free Theme Installation
Request complimentary theme installation by creating a support ticket with your purchase code.
Regular Updates
We constantly improve our themes with new features and Shopify compatibility updates.
Dedicated Support
Our support team is available to help you with any questions or issues you may encounter.
Theme Installation
1Download Your Theme
After purchasing, download the theme ZIP file from your account dashboard or the confirmation email.
shella-theme-v2.0.zip2Access Shopify Admin
Log in to your Shopify admin panel and navigate to the Themes section.
3Upload Theme File
Select "Upload zip file" and choose the downloaded theme ZIP file from your computer.
Drag and drop your ZIP file here or click to browse
4Publish Your Theme
Once uploaded, click the "Actions" dropdown on your new theme and select "Publish" to make it live on your store.
Free Installation Service
Need help? We offer complimentary theme installation. Simply create a support ticket with your purchase code.
Basic Configuration
After installing your theme, follow these steps to configure the basic settings.
1. Access Theme Editor
Go to Online Store → Themes → Customize to open the theme editor.
2. Upload Your Logo
Navigate to Header → Logo and upload your store logo. Recommended size: 200x60px for best results.
Tip: Use PNG format with transparent background for best results.
3. Set Favicon
Go to Theme Settings → Favicon and upload a 32x32px icon for browser tabs.
4. Configure Currency & Language
Set your store currency in Settings → General and enable multi-language if needed.
Header Configuration
Customize your store header including logo, navigation, announcement bar, and more.
Announcement Bar
Enable in Header → Announcement bar. Add promotional messages, free shipping thresholds, or sale announcements.
Header Layout
Choose from 5 header layouts: Logo left, Logo center, Logo left with menu below, Minimal, and Transparent.
Sticky Header
Enable sticky header in Theme Settings → Header → Sticky header to keep navigation visible while scrolling.
Homepage Sections
Build your perfect homepage using our pre-built sections. Drag and drop to reorder.
Slideshow
Full-width hero banner with multiple slides
Featured Collection
Showcase products from any collection
Image with Text
Split layout with image and content
Testimonials
Customer reviews carousel
Newsletter
Email subscription form
Video
Embed YouTube or Vimeo videos
Instagram Feed
Display your latest Instagram posts
Brand Logos
Showcase partner or brand logos
Product Page
Product Gallery
Choose from thumbnail gallery, carousel, or grid layout. Enable zoom on hover and video support.
Variant Selectors
Display variants as buttons, dropdowns, or color swatches. Configure in product metafields.
Trust Badges
Add trust badges below the Add to Cart button. Upload custom icons or use built-in options.
Related Products
Automatically show related products based on collection, tags, or vendor.
Collection Page
Layout Options
Configure filters, sorting options, and pagination in Theme Settings → Collection page.
Cart & Checkout
Cart Types
Choose from slide-out drawer cart, popup modal, or dedicated cart page.
Cart Upsells
Add product recommendations in cart to increase average order value.
Free Shipping Bar
Show progress toward free shipping threshold. Configure amount in theme settings.
Colors & Typography
Color Settings
Customize all colors in Theme Settings → Colors. Available options:
Typography
Choose from 800+ Google Fonts for headings and body text. Configure in Theme Settings → Typography.
Translations
All theme text can be translated through Shopify's built-in translation editor.
- 1.Go to Online Store → Themes
- 2.Click Actions → Edit languages
- 3.Search for text strings and update translations
- 4.For multi-language stores, use Shopify Markets or a translation app
Pro Tips
Optimize Images
Use WebP format and compress images before uploading. Recommended: TinyPNG or Squoosh for compression without quality loss.
Speed Optimization
Limit homepage sections to 10-12 for optimal loading speed. Lazy loading is enabled by default for images below the fold.
Mobile First
Always preview your changes on mobile devices. Over 70% of e-commerce traffic comes from mobile.
SEO Best Practices
Fill out all meta titles and descriptions. Use descriptive alt text for product images. Our themes include structured data for rich snippets.
Useful Liquid Snippets
Show product badges:
{% if product.available == false %}Sold Out{% endif %}Display sale percentage:
{{ product.compare_at_price | minus: product.price | times: 100 | divided_by: product.compare_at_price }}% OFFTheme Support
What's Included
- 6 months of support from purchase date
- Bug fixes and compatibility updates
- Help with theme features and settings
- Free theme installation upon request
Need Help?
Our support team typically responds within 24 hours on business days.