Famiza - Sectioned Shopify Theme

  1. Welcome
  2. Theme Installation
    1. Install Theme
    2. Install App
  3. Theme Configuration
    1. Customer Registration Form
    2. Shipping Rates
  4. Navigation Setup
    1. How to Add New Menu Navigation
    2. Create Megamenu
  5. Page Setup
    1. Contact
    2. FAQs
    3. Lookbook
    4. Blog
  6. Theme Sections
    1. Header
    2. Footer
    3. Slideshow
    4. Collection Box
    5. Featured Collection
    6. Featured Product - Multiple Rows
    7. Featured Product - Carousel
    8. Featured Product - Single
    9. Image with text overlay
    10. Image with text
    11. Blog
    12. Testimonial
    13. Text Columns with images
    14. Our Brand
    15. Instagram
    16. Store Features
    17. Gallery
    18. Map
    19. Custom Content
    20. Collection Page
    21. Prodcut Page
  7. General Settings
    1. Typography
    2. Colors
    3. Favicon
    4. Theme Options
    5. Currency
    6. Social media
    7. Newsletter Popup
    8. Product List
    9. Sidebar
    10. Payment Mode
    11. Checkout
  8. Use of Variants and Filtering
  9. Translations
  10. Theme Support

Thank you for purchasing our theme.

If you have any questions that are beyond the scope of this help file, please feel free to submit a ticket at http://adornthemes.com/support/. Thanks so much! Below you will find the documentation how to install and use the theme. Cheers !

Installation


Installation is easy and quick.

We recommended you to read Shopiy Manual to have clear idea about all the aspects of theme customization

Install Theme



  1. Extract all zip files from downloaded package "famiza-package". Now log in to your Shopify store and go to the Online Store. Now click on Upload Theme and upload the famiza-demo-vX.zip file (vx i.e diffrent demo number) included with this package. Diffrent demo packages included in this package. i.e Famiza-demo-1, Famiza demo-2... You can select any demo

  2. By Default your uploded theme is unpublished. Another theme is runing in your store. Now to publish uploded theme click on Publish Theme

  3. Quick video on how to install theme

Install App


  1. Product Review app [Free]

    To enable Product Review in your site, please install this app: Product Reviews App

  2. How to install app?

    Log in to your shopify store, Now click on any above url(Given App Url). This will open app in new tab, There you will find green Get button. Click on button

    Now Click on Install App button.

Theme Configuration


Enable Customer Registration Form


  1. Go to: Settings >> Checkout

Set up shipping rates


  1. Go to: Settings >> Shipping

Create Megamenu and Dropdown


  1. Create Megamenu

    Go to: Online Stores >> Themes >> Customize theme >> Sections >> Navigation

  2. Click on Add content to add links to menu
    There are 5 style in main menu as below

    • Home Link
    • Single Page Link
    • Simple Dropdown
    • Megamenu Style 1
    • Megamenu Style 2
    • Megamenu Style 3


    Simple Dropdown

    Megamenu Style 1

    Megamenu Style 2

    Megamenu Style 3

  3. Add Home Link :

    Click on Add content >> Home Link


    Click on save button
  4. Add Single Page Link :

    Click on Add content >> Single Link

    Here you can add label which will display above link .i.e Sale,new,deal..

  5. Add Dropdown :

    Click on Add content >> Dropdown menu

    Same as above. Here you can select dropdown menu you created so far from Navigation Setting

    Note:The name you add for dropdown MUST be the same as the name of the link that you want to drop-down from. If you want to create the drop-down For Shoes, so the name will be Shoes for drodown. See below

  6. Add Megamenu :

    Click on Add content >> Select any from Style 1,Style 2,Style 3

    You need to create many multi-level drop-down for megamenu

    For example : If you want to display megamenu for "MEN" as shown below

    Go to: Online Stores >> Navigation >> Add Menu

    Add menu items in menu as shown below and click save

    Now to add links for Men's Clothing, You must create dropdown with name "Men's Clothing". Follow the same for other menu items . See below navigation hierarchy

Page Setup


You can create as many pages as you want. Here is the link which help you to create custom pages.

Contact Page


  1. Go to: Online Stores >> Pages >> Click Add page:

    Click Save Button

  2. To add/edit contact field, please follow below guide:

FAQs Page


  1. Go to: Online Stores >> Pages >> Click Add page:

    Click Save Button

  2. ADD FAQs :

    Go to: Online Stores >> Themes >> Customize theme >> Sections (Now click FAQs from menu appearing on right side) >> FAQ Page

    You can add Faqs here

Lookbook Page


  1. What is lookbook page?

    A lookbook page contains a collection of photographs which has become essential for store owner showcasing new collections through images that convey a “feel” or story for the new season. it's a kind of catalogues

    Go to: Online Stores >> Pages >> Click Add page:

    Click Save Button

  2. Configure Lookbook: There are 2 style for lookbook:

    Go to: Online Stores >> Themes >> Customize theme >> Sections (Now click Lookbook from menu appearing on right side) >> Lookbook Page

    You can select any one style either Lookbook 1 or Lookbook 2

Blog Page


  1. Follow below url to create blog page
    How to create a blog and write an article

  2. Go to: Online Stores >> Themes >> Customize theme >> Sections (Now click Blog from menu appearing on right side) >> Blog Pages

Blog Sidebar Settings

  • Layout :

    There are 2 style of blog page. List and Grid select any one.

  • Sidebar Position

    Select the position of the sidebar on the blog page.

  • Show author, Show date, Show Category, Show Recent Posts

    Select to show on the page.

  • Show Collection

    Select to show any collection from your store in sidebar

Theme Sections and Home Page


Sections allows user to easily add or move content on their homepage with just a few clicks. You can preview your changes in real-time in either desktop or mobile view

There are 30+ section available to use.

Total 17 sections available on home page any time you can add,update,reorder and delete any sections

  1. Here’s how easy it is to add new sections to a theme

    Adding a section to a Shopify Theme
  2. Also it is very simple to drag and drop and reorder existing sections

    Reordering sections within a Shopify Theme
  3. Here You can configure Header, Footer, Home Page, Product Detail Page, Product Collection Page, Blog Pages and many more..

    Go to: Online Stores >> Themes >> Customize theme >> Sections

Slideshow


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Slideshow

Settings

  • Auto-rotate slides :

    Choose for auto rotation slide

  • Section height :

    You can manage banner heght - Large, Medium, Small

  • Text size:

    You can manage banner text size - Large, Medium

Collection Box - (Collection list)


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Collection Box (Collection list)

Settings

  • You can add as many as Collection Box you want

  • Collections per row :

    How many collection box you want to show per row

  • Hide Text on Collections Box :

    Choose to hide text on collection

  • Hide Collections Hover Button :

    Choose to hide button on collection

Featured Collection - (Featured Collection Tabs)


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Featured Collection(Featured Collection Tabs)

Settings

  • You can add up to 8 Collection Tab you want

  • Products per row:

    How many Product you want to show per row

  • Number of Product to show :

    How many products want to show on home page

  • Show product vendors:

    Choose to show product vendor

  • Show product reviews:

    Choose to show product vendor

Featured Products - Multiple Rows


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Featured Product Rows

Settings

Featured Products - Carousel


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Featured Product Carousel

Settings

Featured Product - (Single Product)


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Single Product

Settings

  • You can show special product, featured product, discount product on home page

End of season sale - (Image with text overlay)


Go to: Online Stores >> Themes >> Customize theme >> Sections >> End of season sale (Image with text overlay)

Settings

  • Section height:

    You can manage section height - Small, Medium, Large

  • Text size:

    You can manage text size - Medium, Large

Deals of the week - (Image with text)


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Deals of the week (Image with text)

Settings

  • Pair large text with an image to give focus to your chosen product, collection, or other offers. Add details on availability, style, or even provide a review.

  • Layout:

    Display image - Left, Right

  • Text Align:

    Text Align - Left, Right or Center

Blog


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Blog

Settings

What they say about us


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Testimonials

Text columns with images


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Text columns with images

Share blog posts, products, or promotions with your customers.
Use this text to describe products, share details on availability and style, or as a space to display recent reviews or FAQs.

Our Brand - (Logo list)


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Our Brand (Logo list)

Instagram


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Instagram

Store Features


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Store Features

Settings

Map


You can show map on home page as well as contact us page

Go to: Online Stores >> Themes >> Customize theme >> Sections >> Map

Settings

Custom Content


Go to: Online Stores >> Themes >> Customize theme >> Sections >> Custom Content

You can show Text, Image, Video, Product, Collection, Custom HTML any where on home page as per your requirement using this section

Collection Page


Go to: Online Stores >> Themes >> Customize theme >> Sections (Now click any on any collection from menu appearing on right side) >> Collection Pages

There are 2 style for collection page. you can select any one

Style 1

Style 2

Settings

  • Sidebar Position:

    Select position for sidebar or no sidebar

  • Page Style:

    Style 1 : Full width static banner on top with title

    Style 2 : Boxed slider on right side

Product Page


Settings

  • Show/Hide options for all features
  • Show product navigation arrows
  • Enable image zoom
  • Show product Reviews
  • Support 6 product tabs
  • Manage recently viewed products
  • Manage related products

How to add Product Video thumbnail, Product Short Description and Size chart(Any graphic) per product ?

By default, Shopify does not allow you to add new custom field for product. So with famiza we will help you understand how to add custom field to your store. 

The first you need install this extension on your chrome by go to this link: http://shopifyfd.com/

Now go to product page, you need click to ShopifyFD icon and metafield will show

For Video

You need define metafield name like this and in value, you need enter youtube video link

Now you can see product video on product detail page

Short Description (Optional)

Graphic Per Product (Optional)

If you don't upload this graphic, global graphic will appear in tabs (same graphic for all products) which you can add from customization section >> Product detail Settings

General Settings


Note: Customize theme's settings and appearance from here

Go to: Online Stores >> Themes >> Customize theme >> General Settings

Now you can customize below

Typography


  1. Set Font Family and Font Size here for your store

Colors


  1. You have lots of options to config the Color of whole theme, Header, Footer, Page, Page Title, Section Title, Buttons, Price, Products tabs and many more...

Favicon


  1. Upload favicon icon for your store

Theme Options


  • Show Sticky Header :

    Select to show sticky header on your store. ( Navigation stick to top when you scroll page)

  • Upload Small Size Logo for Sticky Header

    Logo shows on left of sticky header. If you don't upload store name will display

  • Enable Animation Effect

    Select to show scroll animation on site.

  • Disable Animation Effect On Mobile

    Select to hide scroll animation on mobile site.

Currency


  • Enable currency conversion :

    Select to show the currencies on store

  • Format :

    There are 2 options: Without Currency, Ex: $10 and With Currency, $10 CAD

  • Supported currencies:

    Add the currencies, seperated by the space.

  • Default currency:

    Enter the currency you want to set the default for your store

Social Media


  • Social sharing options :

    Select to show social sharing on store

  • Social accounts :

    Enter url social accounts which you want to show on store else leave blank

Newsletter Popup


Product List


Set font size and colors for product

Payment Mode


Select payment mode which you want to show on store

Checkout


Checkout Settings

You can do settings for Banner , Logo , Main Content Area , Order Summary , Typography and Colors of Checkout Page

Use of Variants and Filtering


Advanced Filtering is built using tags of shopify. In your store you can see Advanced filtering on top of left sidebar of collection page (As Product Filters)

  1. To use advance filtering in your store you need to follow below steps

    Go to: Online Stores >> Themes >> Customize theme >> General Settings >> Sidebar

  2. There are 6 filter available for your product.

    check the box that you would to like to show in sidebar for your product filter, After you check box you need to add Title and tags into box separated by comma as shown below

    Filter 3 :
    There are 15 colors available to filter your product by colors

    Note : You must assign this tags to your product to enable filtering.

  3. Go to: Products >> Products >> Click any product

    In Tags sections, you need to put all tags that you'd like to filter for product.

    NoteThis tags must be entered in sidebar filter box

  4. How to add variants?

    We advise reading and familiarizing yourself with the Shopify Variants. It is an extremely well written and easy to understand.

    Now,Go to Products, Select any product

    Now scroll down to variants box and click on Add Variant

    Now,you need to upload images of the variants.

Translations


Go to: Online Stores >> Themes >> Click Edit language:

Here's a quick way to change some of the more commonly text

Theme Support


If you have any questions, please Feel free to submit a ticket at https://www.adornthemes.com/support/. We are happy to help you!