Shrine.io Shopify Theme Documentation
Based on the screenshot you've shared, Shrine.io appears to be a premium Shopify theme focused on creating high-converting e-commerce stores. Let me create a documentation overview for this theme.
Shrine.io Theme Overview
Shrine.io is a Shopify theme that offers:
- 120+ features for store customization
- No coding required for setup and customization
- Full customization capabilities
- Seamless integration with Shopify
Key Features
- No Monthly Fees: One-time purchase model
- Code-Free Setup: Complete customization without coding knowledge
- 120+ Features: Extensive functionality for e-commerce stores
- Conversion-Focused Design: Built to help stores convert visitors to customers
Getting Started
To get started with Shrine.io:
- Click the "GET STARTED" button on their homepage
- You can also explore their "DEMOS" section to see the theme in action
- For a trial, use the "START SHOPIFY TRIAL" option in the navigation
Theme Pricing
The website offers:
- A "GET 10% OFF" promotion
- "THEME.IO" with a "GET IT" button for purchase
Documentation Sections
While the complete documentation isn't visible in the screenshot, typical theme documentation would include:
- Installation Guide: How to install the theme on your Shopify store
- Theme Customization: Using the theme's customization options
- Feature Documentation: Details on how to use all 120+ features
- Integration Guide: How to integrate with other Shopify apps
- FAQ: Common questions and troubleshooting
Support
For support with Shrine.io, you would likely need to contact them through their website or check their documentation section which isn't visible in the screenshot.
324d ago
Shrine.io Feature Documentation
Table of Contents
- Header & Navigation Features
- Homepage Features
- Product Page Features
- Collection Page Features
- Cart & Checkout Features
- Mobile Optimization Features
- Performance Features
- SEO & Marketing Features
- Customization Options
Header & Navigation Features
Sticky Header
- Description: Navigation bar remains visible as customers scroll down the page
- How to Enable: Navigate to Theme Settings > Header > Toggle "Sticky Header" option
- Customization: Adjust transparency, background color, and animation style
Mega Menu
- Description: Expanded dropdown menus for showcasing multiple categories and featured products
- Setup: Go to Navigation settings and select "Mega Menu" for parent menu items
- Options: Add images, featured products, and promotional banners to menu dropdowns
Smart Search
- Description: Predictive search with product thumbnails and quick results
- Features: Real-time suggestions, product images, prices, and "Add to Cart" functionality
- Customization: Adjust search results layout and information displayed
Homepage Features
Hero Section Builder
- Description: Create stunning hero banners with multiple layout options
- Options: Full-width images, video backgrounds, slideshows, and text overlays
- Setup: Theme Editor > Sections > Add "Hero Banner" > Configure settings
Featured Collections
- Description: Showcase multiple product collections in various grid layouts
- Display Options: Carousel, grid, masonry, or list views
- Customization: Control products per row, information displayed, and hover effects
Testimonial Carousel
- Description: Display customer reviews in an attractive slider format
- Setup: Add testimonials in Theme Editor > Sections > Testimonials
- Options: Star ratings, customer photos, and multiple display styles
Product Page Features
Image Zoom & Gallery
- Description: Advanced product image gallery with zoom functionality
- Options: Image zoom on hover, lightbox view, and video integration
- Setup: Upload high-resolution product images in Shopify admin
Color Swatches
- Description: Visual color selection with automatic image switching
- Setup: Configure in Theme Settings > Product Pages > Color Swatches
- Options: Circle or square swatches, custom colors, and image-based swatches
Size Guide
- Description: Popup size chart for clothing and footwear products
- Setup: Add size information in Theme Settings > Product Pages > Size Guide
- Customization: Upload custom size chart images or create tables
Stock Countdown
- Description: Display remaining inventory to create urgency
- Setup: Enable in Theme Settings > Product Pages > Inventory Display
- Options: Show exact numbers or ranges, customize threshold and messaging
Collection Page Features
Advanced Filtering
- Description: Multi-select filters for product attributes
- Options: Filter by price, color, size, vendor, and custom tags
- Setup: Configure in Theme Settings > Collection Pages > Filtering
Sort Options
- Description: Multiple product sorting methods
- Options: Sort by newest, best-selling, price, and featured
- Customization: Choose which sort options to display
Quick View
- Description: View product details without leaving the collection page
- Setup: Enable in Theme Settings > Collection Pages > Quick View
- Options: Customize information displayed and add-to-cart functionality
Cart & Checkout Features
Ajax Cart
- Description: Add products to cart without page refresh
- Options: Slide-out cart, popup cart, or notification only
- Setup: Configure in Theme Settings > Cart > Cart Type
Free Shipping Bar
- Description: Progress bar showing amount needed for free shipping
- Setup: Enable in Theme Settings > Cart > Free Shipping Bar
- Customization: Set threshold amount and customize messaging
Cross-Sell Recommendations
- Description: Suggest related products in cart
- Options: Based on cart contents, recently viewed, or manually selected
- Setup: Configure in Theme Settings > Cart > Product Recommendations
Mobile Optimization Features
Mobile-First Design
- Description: Responsive layouts optimized for mobile devices
- Features: Touch-friendly elements, simplified navigation, and optimized images
- Testing: Preview mobile appearance in Theme Editor's device preview
Mobile Navigation
- Description: Streamlined navigation for small screens
- Options: Hamburger menu, bottom navigation bar, or slide-out drawer
- Setup: Configure in Theme Settings > Mobile > Navigation Style
Performance Features
Lazy Loading
- Description: Images load only when scrolled into view
- Benefits: Faster initial page load and reduced bandwidth usage
- Setup: Enabled by default, configure in Theme Settings > Performance
Image Optimization
- Description: Automatic resizing and compression of product images
- Benefits: Faster page loads and improved Core Web Vitals scores
- Setup: No configuration needed, works automatically
SEO & Marketing Features
Structured Data
- Description: Rich snippets for improved search engine listings
- Benefits: Enhanced visibility in search results with prices, ratings, and availability
- Setup: Automatically implemented, no configuration needed
Social Sharing
- Description: Easy product sharing to social media platforms
- Options: Facebook, Twitter, Pinterest, and more
- Setup: Configure in Theme Settings > Social Media
Newsletter Popup
- Description: Email capture popup with timing controls
- Setup: Configure in Theme Settings > Marketing > Newsletter Popup
- Options: Customize timing, frequency, and appearance
Customization Options
Color Schemes
- Description: Predefined color palettes for quick store styling
- Options: Multiple preset schemes plus custom color options
- Setup: Theme Settings > Colors > Select Scheme or customize individual elements
Typography Control
- Description: Extensive font options and text styling
- Options: Google Fonts integration, size, weight, and spacing controls
- Setup: Theme Settings > Typography
Custom CSS
- Description: Add custom CSS for advanced customization
- Access: Theme Settings > Advanced > Custom CSS
- Usage: Enter valid CSS code to override theme styles
324d ago