AP Mixstore
Shopify Responsive Theme - Userguide
- Created: 07/08/2015
- Latest update: 07/08/2015
- By: Apollotheme
THANK YOU FOR PURCHASING OUR THEME!
Here are some basics on installing, configuring and customizing the Mixstore,
BEFORE WE GOThe theme and the sample data is provided "as is". Customizing code and other design related issues can be done as freelance work on a $50-100 hourly rate only with Paypal and/or Skrill, if Mixstore's available. If you are new to Shopify, please understand I cannot fix your site for free. Apollotheme would love to help everyone but there is no time. I suggest reading documentation available online regarding using Shopify, server requirements, etc.
If you like this theme please rate it.
Have a wonderful rest of your day!
Apollotheme TeamOverview
THEME INTRODUCTION
Getting Started
Getting Started
Creating a Shopify Account
Start a free, no-risk, 14 day Shopify trial. Create your store now
Purchasing Providence
You could buy theme at providers such as: ThemeForest , Shopify ...
Installing Providence
Size Image Sample
I. AP Mixstore Fashion
| STT | Image Name | Image Size | Demo |
|---|---|---|---|
| 1 | Slideshow Image | 874 x 541 (pixels) | View image |
| 2 | Product Image | 682 x 884 (pixels) | View image |
| 3 | Banner Home Image One | 279 x 231 (pixels) | View image |
| 4 | Banner Home Image Two | 499 x 170 (pixels) | View image |
| 5 | Banner Home Image Three | 350 x 170 (pixels) | View image |
| 6 | Collection Image | 870 x 240 (pixels) | View image |
II. AP Mixstore Gift
| STT | Image Name | Image Size | Demo |
|---|---|---|---|
| 1 | Slideshow Image | 1261 x 708 (pixels) | View image |
| 2 | Product Image (Same Ap Mixstore) | 722 x 722 (pixels) | View image |
| 3 | Banner Home Image 1 | 387 x 200 (pixels) | View image |
| 4 | Collection Image (Same Ap Mixstore) | 872 x 239 (pixels) | View image |
III. AP Mixstore Moblie
| STT | Image Name | Image Size | Demo |
|---|---|---|---|
| 1 | Slideshow Image | 675 x 370 (pixels) | View image |
| 2 | Product Image (Same Ap Mixstore) | 500 x 633 (pixels) | View image |
| 3 | Banner Home Image One | 279 x 231 (pixels) | View image |
| 4 | Banner Home Image Two | 499 x 170 (pixels) | View image |
| 5 | Banner Home Image Three | 350 x 170 (pixels) | View image |
| 6 | Banner Home Image Four | 279 x 428 (pixels) | View image |
| 7 | Banner Home Image Five | 1130 x 100 (pixels) | View image |
| 8 | Collection Image (Same Ap Mixstore) | 873 x 240 (pixels) | View image |
III. AP Mixstore CD
| STT | Image Name | Image Size | Demo |
|---|---|---|---|
| 1 | Slideshow Image | 1920 x 600 (pixels) | View image |
| 2 | Product Image (Same Ap Mixstore) | 866 x 866 (pixels) | View image |
| 3 | Banner Home Image 1 | 279 x 340 (pixels) | View image |
| 4 | Banner Home Image 2 | 279 x 201 (pixels) | View image |
| 5 | Banner Home Image 3 | 279 x 201 (pixels) | View image |
| 6 | Collection Image (Same Ap Mixstore) | 873 x 240 (pixels) | View image |
III. AP Mixstore Sport
| STT | Image Name | Image Size | Demo |
|---|---|---|---|
| 1 | Slideshow Image | 1920 x 640 (pixels) | View image |
| 2 | Product Image (Same Ap Mixstore) | 800 x 731 (pixels) | View image |
| 3 | Banner Home Image 1 | 280 x 340 (pixels) | View image |
| 4 | Banner Home Image 2 | 873 x 294 (pixels) | View image |
| 6 | Collection Image (Same Ap Mixstore) | 873 x 240 (pixels) | View image |
Installation
I. Install theme
II. Install Apps
1. Product Review
2. Ap Quick View
3. Ap Wishlist
4. Ap Newsletter
5. Ap Multi Language
III. Edit Currency
- HTML with currency
- HTML without currency
IV. Account
V. Creat page
1. Contact us
2. Wish list
VI. Import Data Product Sample
Theme Settings overview
Below you can see a screen shot of the Theme settings area within the Mixstore Shopify Theme.
The following values can be adjusted to customise the look and feel of your store.
Color
Typography
Apollo Theme Configuration
Apollo Megamenu
1.First step: You create main menu for your shop
2.Dropdown menu:
3.Megamenu
+) Active: You can active block links by Select/Unselect "Megamenu blocklinks enable"
+) Columns of block links: Choose the width of "Block links" in a Megamenu. (Columns bootstrap)
+) Columns links of block links: Choose the width of "List Links" in a "Block links"
Example: Create Two Link List
1.) Mega menu
+) Name: Mega menu (Menu item has mega menu)
+) List Links: Shop by Women
2.) Shop by Women
+) Name: Shop by Women (Name of parent link)
+) List Links: New arrivals, Coats & jackets, Shoes, Jeans, Dresses, Knitwear
+) Active: You can active block video by Select/Unselect "Megamenu video enable"
+) Columns of block video: Choose the width of "Block video" in a Megamenu. (Columns bootstrap)
+) Megamenu video content: Enter CODE video form Youtube, vimeo ... or you can use shortcode Youtube.
+) Active: You can active block product by Select/Unselect "Megamenu product enable"
+) Columns of block product: Choose the width of "Block product" in a Megamenu. (Columns bootstrap)
+) Megamenu product title: Enter title for Block product.
+) Megamenu product: Select one collections for Block product.
+) Megamenu product number: Number product display in a Block product.
+) Active: You can active block html by Select/Unselect "Megamenu html enable"
+) Columns of block html: Choose the width of "Block html" in a Megamenu. (Columns bootstrap)
+) Megamenu html title: Enter title for Block html.
+) Megamenu html image: Upload image for Block html.
+) Megamenu html description: Enter description for Block html.
Apollo Product Count Down
Apollo Popup Newsletter
+) Active: You can active Popup Newsletter by Select/Unselect "Use Popup Newsletter"
+) Popup Time Cookie: Enter the number of minutes that the popup will open up when customer visit the site
+) Popup Newsletter Title: Enter title for Popup Newsletter.
+) Popup Newsletter Message: Enter description for Popup Newsletter.
+) MailChimp Form Action URL: Enter Url action from MailChimp
+) Popup Newletter Background: Upload background image for Popup Newsletter
+) Social In PopupNewLetter: You can use social: Facebook, Twitter, Rss, Youtube, Google Plus, Instagram, Pinterest
Layout Settings
+) Active: You can active Animated by Select/Unselect "Enable Animated"
+) Skin Animate Load : Enter effect for each Block.
Slideshow
- You can display slideshow on the home page.
- Go to Themes > Customize Theme > Slideshow section.
+) Active: You can active Slideshow by Select/Unselect "Active Slideshow "
+) Group Class: You can enter class for Block Slideshow
+) Max height slideshow: Enter max height for Slideshow.
+) Background Color: Select background color for Slideshow.
+) Animation Type: You can choose effect for Slideshow (Fade, Slide)
+) Navigator Type: You can choose Navigator of Slideshow, Disable or Bullet
+) Arrows Style: You can choose Arrows of Slideshow, Disable or Normal
- You can input title , description , link and upload an image when editing each collection.
Header
- You can change Logo Shop, Favion.
Home Page
1. Home Five Image
+) Enable Block Html: You can active block by Select/Unselect "Enable Image html"
+) Source Image Background: Source of Image background.
+) Link a image: Input link for image.
2. Products Pro Tabs Homepage
+) Active: You can active block by Select/Unselect "Enable Product List"
+) Product List Display: You can choose two type carousel (Bootstrap Carousel, Owl Carousel)
+) Limit: Number product limit of block.
+) Items Per Page: Number product in a tab (page).
+) Columns In Tab: Number columns product
+) Interval: Time to play carousel
+) Title Product list: Title of block product
+) Collection Product List: Choose product collections.
3. Customer servive & Newsletter & Customer support
+) Active: You can active block by Select/Unselect "Enable block"
+) Title: Input text you want display in frontend.
+) Description: Input description .
+) Other: Input fied other for block
4. Home page Block video and Block Latest Blog
+) Active: You can active block by Select/Unselect "Enable block"
+) Title: Input text you want display in frontend.
+) Video content: Input content video display.
+) Video descript: Input description for video.
+) Enable Blogs Home: You can active Block by Select/Unselect "Enable"
+) Blogs Home Title: Title block
+) About Shop Title: Title for Block
+) Blogs Home Display: You can choose two type carousel (Bootstrap Carousel, Owl Carousel)
+) Blog: Choose blog
+) Limit: Number blog limit to display.
+) Items per page: Number blog item in a page.
+) Columns in tab: Number column item in a page.
+) Interval: Speed carousel for block.
+) Show Image: Enable/Disable show image of blog.
+) Blog Image Size: Choose image size to display.
+) Show Created Date: Enable/Disable Create date.
+) Show Counter: Enable/Disable Counter comment of a blog.
5. Vendor Logo Carousel
+) Active: You can active block by Select/Unselect "Enable Vendor Carousel"
+) Vendor Carousel Title: Title of block
+) Vendor Carousel Display: You can choose two type carousel (Bootstrap Carousel, Owl Carousel)
+) Items Per Page: Number item in a tab (page).
+) Columns In Tab: Number columns item
+) Interval: Time to play carousel
+) Active: You can active Vendor Item by Select/Unselect "Enable Vendor"
+) Vendor link: Enter link for Vendor Item
+) Icon: Uploads image for Vendor Item
Footer
1. About Shop & Social link list
+) Enable: You can active Block by Select/Unselect "Enable"
+) About Shop Image (Logo): Upload logo image for block.
+) About Shop Title: Title of block.
+) About Shop Description: Content of block (You can input HTML).
+) Active: You can active Block by Select/Unselect "Show social media links"
+) Social media title: Title of Block
+) Facebook link: Enter your Facebook link.
+) Twitter link: Enter your Twitter link.
+) Instagram link: Enter your Instagram link.
+) Pinterest link: Enter your Pinterest link.
+) Rss link: Enter your Rss link.
+) Youtube link: Enter your Youtube link.
+) Google Plus link: Enter your Google Plus link.
2. Contact Us & Block links footer
+) Enable: You can active Block by Select/Unselect "Enable"
+) Block footer html title: Title block.
+) Block footer Html Content: Content of block (You can input HTML).
+) Enable: You can active Block by Select/Unselect "Show quick links"
+) Quick links link title: Input title.
+) Quick links link lists: Content of block (You can input HTML).
3. Block Twitter
+) Active: You can active Block by Select/Unselect "Enable Block Twitter"
+) Title block: Title of Block
+) Twitter IDs: Enter Twitter ID. Please go to the page https://twitter.com/settings/widgets/new, then create a widget, and get data-widget-id to input in this param.
+) Count: Number post display.
+) User: Enter User Name.
+) Border Color, Link Color, Text Color, Name Color: Config color for Block.
+) Some config for block (Width, height, ...)
4. Block Info support
+) Active: You can active Block by Select/Unselect "Enable Block Info support"
+) Enter field: Input all field of block
5. Payment Logo Footer and Copyright
+) Enable: You can active Block by Select/Unselect "Enable"
+) Image: Upload iamge for block Payment Logo Footer.
Sidebar
+) Accordion Sidebar: Type traditional
+) Canvas Sidebar: Type new
1. Categories Block
+) Active: You can active Block by Select/Unselect "Enable"
+) Categories block title: Title for Block
+) Show Quantity Product of Category: Enable/Disable the number of products displayed next
+) Show all / Only a few categories:
_Show all: Display all product collections. You must enter the largest number of item. "Maximum categories "
_Show a few: Display product collections that you choose. You enter product collections, Use "," to separate item. "List of categories"
2. Shop by Vendor
+) Active: You can active Block by Select/Unselect "Enable"
+) Shop by Vendor title: Title for Block
+) Maximum Type: The maximum number of items displayed.
3. Shop by Type
+) Active: You can active Block by Select/Unselect "Enable"
+) Shop by Type title: Title for Block
+) Maximum Type: The maximum number of items displayed.
4. Shop by Catalog
+) Active: You can active Block by Select/Unselect "Enable"
+) Use Ajax for Catalog And Paging: Use Ajax to Filter product
+) Shop by Catalog title: Title of Block.
+) Active: You can active Block by Select/Unselect "Enable"
+) Shop by Size title: Title of Block.
+) Shop by Size List: List tags item for size. (Separate by a comma (Example: "XS,S,M,L,XL"))
+) Active: You can active Block by Select/Unselect "Enable"
+) Shop by Price title: Title of Block.
+) Shop by Price List: List tags item for price. (Separate by a comma (Example: "$100 - $200,$200 - $300"))
+) Active: You can active Block by Select/Unselect "Enable"
+) Shop by Color title: Title of Block.
+) Shop by Color Text: Enter text color to filter.
+) Shop by Color Image: Enter code color for text color
5. Banner Sidebar
+) Active: You can active Block by Select/Unselect "Show Banner"
+) Banner Link To: Enter link for banner.
+) Image banner: Upload banner image.
Product Page
1. General Setting
+) Zoom Type: Choose product zoom (Zoom Inner or Zoom Window).
+) Enable Tab in product Detail: Enable/Disable Tab In Product Detail.
+) Enable Next/Preview product : Enable/Disable Button Next/Preview Product.
2. Social Sharing
+) Active: You can active Block by Select/Unselect "Enable Social Sharing"
+) Enable/Disable: You can enable/disable social sharing (Facebook sharing, Twitter Sharing, Google Plus Sharing, Linkedin Sharing, Pinterest Sharing).
+) Enable Image Product Page: Enable/Disable Banner in Product page.
+) Image: Upload banner in product page.
3. Product List Product Page
+) Active: You can active Block by Select/Unselect "Enable Product List"
+) Product List Display: You can choose two type carousel (Bootstrap Carousel, Owl Carousel)
+) Limit: Number product limit of block.
+) Items Per Page: Number product in a tab (page).
+) Columns In Tab: Number columns product
+) Interval: Time to play carousel
+) Title Product list: Title of block product
+) Collection Product List: Choose product collections.
4. Product Related
+) Active: You can active Block by Select/Unselect "Enable Related Reviews"
+) Product Related Display: You can choose two type carousel (Bootstrap Carousel, Owl Carousel)
+) Product Related Title: Title of block product
+) Interval: Time to play carousel
+) Product columns: Number columns product in a tab.
Collection Page
+) Product per page: Number products in a Page.
+) Product per row: Number products in a row.
+) Use row for each product line: The product will still line up when you enter different product images size
+) Collection image default: Upload collection image default.
Blog Page
1. Blog social
+) Active: You can active Block by Select/Unselect "Blog social Enable"
+) Blog social Title: Title of block (Maybe blank).
+) Blog social Code: You can input code or be blank. It's get default if blank. (You can input code Add this)
1. Blog Sidebar HTML
+) Active: You can active Block by Select/Unselect "Block Html Enable"
+) Block Html Title: Title of block (Maybe blank).
+) Block Html Description: Description for block. You can use HTML.
+) Block Html Image: Upload image for block HTML
+) Block Html Link: Input link for Image
Cart Page
Go to Themes > Customize Theme > Cart Pages section.
Block Currrencies
Go to Themes > Customize Theme > Block Currrencies section.
Checkout
You can custom checkout page with option : logo , background-color ...
Go to Themes > Customize Theme > Checkout section.
1. Banner
+) Use a custom background: You can Enable/Disable Use a custom background.
+) Background image: Upload custom background if you use it.
+) Background color: Background color for checkout page.
2. Logo
+) Image: You can choose logo for checkout page. There are type: None, Custom, Storefront
+) Custom image: Upload custom logo if you choose Custom.
+) Tagline: Text under your logo.
2. Colors
+) Accents : You can change code color for /p>
+) Custom image: Upload custom logo if you choose Custom.
+) Call to action: Text under your logo.
Apollo Vertical Megamenu
1. General Setting
+) Active: You can active Block by Select/Unselect "Enable Vertical Megamenu"
+) Vertical Menu Link List: Select link list for vertical menu. (Create Link List. Goto: Admin -> Navigation -> Add a link list)
+) Vertical Menu Title: Title of block.
2. Color
3. Icon Menu Item
+) Active: You can use icon by Select/Unselect "Icon Menu Enable"
+) Icon Menu Color: Color of icon (If use Font Awesome).
+) Icon Awesome Menu: Use Font Awesome Icon. You can input name icon (Ex:"truck").
+) Icon Image Menu: If you don't use Font Awesome Icon, You can use image icon. Enable Icon Image Menu to use image icon.
+) Icon Image: Upload image icon.
4. Menu item description
+) Menu item description: Description for menu item.
- Note: There are 10 description corresponding 10 menu item
5. MEGAMENU ITEMS
Apollo Google map
+) Active: You can active Block by Select/Unselect "Enable Google Map in home page"
+) Google map title: Title of Block Google map.
+) Zoom: Select a level zoom
+) Location Item
-) Shop Name: Enter Shop Name
-) Shop Address: Enter Shop Address
-) Shop Latitude: Enter Shop Latitude
-) Shop Longitude: Enter Shop Longitude
