24/7 Support: 800.608.6482

Get Started

Developer Docs

ReadyTheme Docs

Customizing/Accessing the Booc ReadyTheme

1. Accessing the Booc ReadyTheme

2. Update Top Navigation Bar

3. Update Action Center Navigation

4. Replace the Header Logo with Alternate Image

5. Replace Top Logo with Text

6. Update Visual Navigation Banner

7. Update Category Title Image

8. Update Category Tree Image

9.Updating Visual Navigation Section

10.Updating Images - “Main Hero” Images

11.Update Featured Products - “Other Readers Loved” Section

12.Enable Social Media Icons

13.Enable Third Party Social Sharing Code

14.Enable Trust Symbol

15.Update Newsletter

16.Update Footer Navigation Links

17.Update Content for Footer Navigation

Customizable Areas

Accessing the Booc ReadyTheme
  1. Click on the Menu
  2. Click on ReadyTheme

ReadyTheme Menu

Update Top Navigation Bar UNDER NAVIGATION SETS TAB

Nav Bar Update

Nav Sets

  1. Click on the “Navigation Sets” tab
  2. Click on “Navigation Bar”
  3. Click on the “Edit Navigation Items” icon (Page icon with arrow in top right corner)
  4. Top Nav

  5. Here you can “Add Navigation Item,” “Add Child Navigation Item,” turn a navigation item off, Edit or Delete a Navigation item.
  6. Nav Bar

Update Action Center Navigation

UNDER NAVIGATION SETS TAB

Action Center

Nav Sets

  1. Click on the “Navigation Sets” tab
  2. Click on “Action Center”
  3. Click on the “Edit Navigation Items” icon (Page icon with arrow in top right corner)
  4. Action Center

  5. Here you can “Add Navigation Item,” “Add Child Navigation Item,” Edit or Delete a Navigation item.
  6. Action Center

    Replace the Header Logo with Alternate Image

    UNDER SETTINGS TAB

    Settings

    1. Go to Logo Type/Logo Image
    2. Click on “Select Logo”
    3. Upload your logo to replace the current one. Click on “Select” in the bottom right corner.
    4. Click “Update” in the top right corner.
    5. Replace Logo

    Replace Top Logo with Text

    UNDER SETTINGS TAB

    If you don’t have a logo, you can use plain text in it’s place.

    1. Next to “Logo type” click on Image Drop Down Menu
    2. Select: Text”
    3. Enter “Store Name” and “Store Tagline”
    4. Click “Update” in top right corner.
    5. Text Logo

    Update Visual Navigation Banner

    UNDER THE CONTENT SECTIONS TAB

    Banner

    1. Select the “SFNT: Visual Navigation Banner”
    2. Banner

    3. Click the pencil icon to edit/replace the text
    4. In the “Message” field, enter your new text
    5. Click “Save”
    6. Edit Content

    Update Category Title Image

    THIS IS NOT PART OF THE READYTHEME

    The Category pages in the Booc ReadyTheme have Category Title Images as seen below.

    Title Image

    To update, change or remove these images:

  7. Go to "Menu," "Catalog," and then click on "Categories"
  8. Click on a category (in this sample we are using "Classics"
  9. Click on the "Open Category" icon
  10. Category

  11. Under the "Category Title" field, click the "Upload" button, navigate to where your new image is, select it, then click "Upload" and finish by clicking the turquoise "Update" button in the top right.
  12. Classic Title

    Note: All header images should be sized 1194 x 366 for best results.

    Update Category Tree Image

    NOT PART OF THE READYTHEME

    First you must have a category set up to link to. To set up categories, go to “Menu,” “Catalog,” then “Categories.” Here you can open current categories, edit them, delete them or create new ones.

    Add Category

    This will also create the Category Tree in the Category Pages.

    Category Tree

    To place an image for the category, click on the category of your choice, then the “Open Category” icon. Under “Category Tree” you’ll see a field called “Tree Image.” This is where you want to upload your category image to. Click “Update” when you are done.

    Nav Category

    Note: All category tree images should be sized at 400x300 for best results.

    Update Visual Navigation Section

    UNDER NAVIGATION SETS TAB

    Now that you have your categories set up, you’ll want to go add them to your Visual Navigation Section.

    1. Click on “Menu”
    2. Scroll down to “Utilities”
    3. Click on the arrow to get to “ReadyTheme”
    4. Click on the “Navigation Sets” Tab.
    5. Click on “SFNT: Visual Navigation”
    6. Click on the page icon with the arrow coming out of the top right corner
    7. Cat Category

    8. To edit a category name, click on one of the Titles and then click the pencil tool.
    9. Edit Navigation

      To add a new category title, click the “Add Navigation Item” button and fill out the fields provided.

      Add Navigation

    Updating Images - “Main Hero” Images

    UNDER IMAGES TAB

    Images

    1. Select “Storefront Hero Image”
    2. Click the pencil icon to edit/replace the image
    3. Hero

    4. Under the “Image” field, click “Select Image” and upload your new image
    5. Update your “Alt Text” as well as any other appropriate fields
    6. Click “Save”
    7. If you wanted to add a third hero image you can click the “+” icon.

      Hero

      Fill out all of the fields and upload your image.

      Note: You’ll need to copy the code that’s right below the “name” field. See highlighted area below.

      Hero

      Once you have that copied, you’ll want to go to the “Content Section,” click on “Hero Image” then click the pencil tool. You’ll want to paste the code under the second slider code, then hit “Save.”

      Hero

      Note: The Hero Images should be sized at 1224 x 660 for best results.

    Update Featured Products - “Other Readers Loved” Section

    UNDER CATEGORIES TAB

    Product Listings

    1. Click on “Menu” then scroll down to “Catalog”
    2. Click on “Categories”
    3. You can update your categories, reorder them, or rename them by using the icons provided.
    4. Category Update

      Enable Social Media Icons

      UNDER SETTINGS TAB

      1. Click “Enable Social Icons”
      2. Enter your links for whichever platforms you are on (empty fields will not show an icon on your Storefront page)
      3. Click “Update”

      Social Icons

      Enable Third Party Social Sharing Code

      UNDER SETTINGS TAB

      1. If you have a 3rd Party Social Sharing Code, click the “Enable Social Sharing Code” box
      2. Enter your code into the “3rd Party Social Sharing Code” Field
      3. Click “Update”
      4. Social Sharing Code

      Enable Trust Symbol

      UNDER SETTINGS TAB

    5. f you have a SSL Site Seal, Click the “Active” box
    6. Enter your code into the :SSL Site Seal or Trust Symbol: field
    7. Click “Update”
    8. Trust Symbol

    Update Newsletter

    UNDER CONTENT SECTIONS TAB

    Newsletter

    The Newsletter is currently just a place holder for you. If you don’t already have a mail client that you can direct your clients to, we offer a free module on our app store. It’s called “Mail Chimp Newsletter Sign up.” If you don’t want to use this feature for now, you can turn it off simply by click on the green “Active” button.

    Mailchimp

    Update Footer Navigation Links

    UNDER NAVIGATION SETS TAB

    Footer Nav

    To add new navigation or edit where the current ones link to:

    1. Click “Navigation Sets”
    2. Click on “Site Footer Navigation”

    Footer Nav

  13. Click on the page icon with an arrow on it in the top column
  14. Click on any item you want to update (Shipping Return Policy, Privacy Policy, etc.)
  15. Click on the pencil icon to edit it and update to your navigation choices
  16. Under “Link” choose where you would like the navigation to go to
  17. Continue until all navigation is updated, click “Save”
Update Content for Footer Navigation UNDER CONTENT SECTIONS TAB

Content Section

  1. Click on “Content Sections” Tab
  2. Click on the page you want to update (for this example, “About Us”) then click on the pencil tool.

A window will pop up where you can update the text. When you are done, hit the “Save” button.

About Us

Miva believes that all online businesses should have access to a scalable ecommerce platform that can meet their unique business requirements. Miva offers PCI compliant ecommerce, hosting, and custom website design and development solutions. Miva customers have processed over $100 billion in online sales since 1997.

Copyright © 2016 Miva, Inc - All Rights Reserved   Privacy Policy | Store Policy

Links
Contact Us
Receive Tips & Updates

Copyright © 2017 Miva, Inc - All Rights Reserved

Back To The Top