Skip to content

Customize Admin

Update Global Header/Footer

Update Contact Information

  1. Navigate to Settings > Store Settings > Store Details
  2. Change the Owner > Company, Owner > Email Address, and Owner > Phone fields
  3. Click the "Update" button

The store logo displayed in the global header is controlled by the image provided in User Interface > Theme Components > Settings > Look & Feel.

To change your logo

  1. In the Miva Admin, Navigate to User Interface > Theme Components > Settings > Look & Feel
  2. Ensure the Logo Type is set to Image
  3. Click the Select Logo button for the Logo Image setting.
  4. Upload or select and image that is about 245px wide by 35px high.
    1. Click here for an example logo from Nineyards

Related Video: docs.miva.com > Videos > Updating Your Store Logo

  1. Navigate to User Interface > Theme Components > Settings > Social Icons
  2. Update the values of the links for each available field: Facebook, Twitter, Instagram, Google+, Pinterest, Vimeo, Youtube, or Flickr
  3. Click the "Update" button.

Further Reading: docs.miva.com/reference-guide/readytheme-settings

Upodate Site Header Message

  1. Navigate to User Interface > Theme Components > Banners > header_message
  2. Revise the content of the Message template as necessary
  3. Click the "Save" button

Further Reading: docs.miva.com/reference-guide/readytheme-banners

Update Navigation Sets

There are three navigation sets that allow you to control

Global Header > Support Navigation

  1. Navigate to User Interface > Theme Components > Navigation Sets > support_navigation > Navigation Items
  2. Add/Remove items as necessary
  1. Navigate to User Interface > Theme Components > Navigation Sets > footer_categories > Navigation Items
  2. Add/Remove items as necessary
  1. Navigate to User Interface > Theme Components > Navigation Sets > quicklinks > Navigation Items
  2. Add/Remove items as necessary

Related Video: docs.miva.com/videos/working-with-nav-sets

Update Static Page Content

By Static Pages, we mean the ABUS, CTUS, FAQS, PRPO, & SARP pages. Each page has its own Content Section that can be used to provide content to the page.

Navigate to User Interface > Theme Components > Content Sections and customize the following Content Sections that correspond to their pages

Page Code Content Section Code Content Section Name
ABUS abus_content About Us Page Content
CTUS ctus_content Contact Us Page Content
FAQS faqs_content Frequently Asked Questions Page Content
PRPO prpo_content Privacy Policy Page Content
SARP sarp_content Shipping & Return Policy Page Content

Setup Product Catalog

It's hard to customize your store when you don't have any products or product images. Before you proceed, be sure to create several products & categories or use the imports and are provided.

Add Products & Categories

Upload Product Images

  1. Download images.zip
  2. Extract images.zip to a new folder.
  3. FTP Upload all of the images in the extracted folder to your graphics directory
    1. ex. httpdocs/mm5/graphics/00000001/

Import Product Data

  1. Download catalog.xml
  2. Navigate to Settings > Data Management > Import Data and Settings in XML Provisioning Format
  3. Upload catalog.xml

Add some example products to your store.

  1. Be sure to give them essential product details
    1. Code
    2. Name
    3. Price
    4. Description
    5. Images with main image-type
  2. Be sure to create various types of products

Components & Layouts Updates

Update Mega Menu

  1. Delete the navigation_menu Layout; if it already exists
    1. Navigate to Settings > Click the "+" Next to "Utilities" > Components and Layouts > Layouts
    2. Check the box on the navigation_menu row
    3. Click the "..." button
    4. Click the "Delete Record(s)" button
  2. Download navigation_menu.xml
  3. Navigate to Settings > Data Management > Import Data and Settings in XML Provisioning Format
  4. Upload navigation_menu.xml
  1. Navigate to Settings > Click the "+" Next to "Utilities" > Components and Layouts > Layouts
  2. Check the box on the navigation_menu row
  3. Click the "View/Edit Layout" button
  4. Add/Remove Items or drag-and-drop items into different orders as needed.
  5. Click the "Update" button

Update Home Page Layout

Change Layout Loaded on SFNT

By default, the home-page layout is controlled by the design-system layout for demonstration purposes. It's typically a best practice to change it to the sfnt layout:

  1. Navigate to User Interface > Templates > Pages > SFNT
  2. Within the SFNT > Content template, review the value of the l.settings:layout_code variable
    1. For example, with the following code design-system is the layout being used on the store's SFNT page. 
      <mvt:assign name="l.settings:layout_code" value="'design-system'" />
  3. Change the value of the l.settings:layout_code variable assignment from design-system to sfnt.
  4. Click the "Update" button.

Customize SFNT Layout

  1. Delete the sfnt Layout; if it already exists
    1. Navigate to Settings > Click the "+" Next to "Utilities" > Components and Layouts > Layouts
    2. Check the box on the sfnt row
    3. Click the "..." button
    4. Click the "Delete Record(s)" button
  2. Download sfnt.xml
  3. Navigate to Settings > Data Management > Import Data and Settings in XML Provisioning Format
  4. Upload sfnt.xml
  1. Navigate to Settings > Click the "+" Next to "Utilities" > Components and Layouts > Layouts
  2. Check the box on the sfnt row
  3. Click the "View/Edit Layout" button
  4. Add/Remove Items or drag-and-drop items into different orders as needed.
  5. Review the Components & Layouts guide for a breakdown of each component & its attributes.
  6. Click the "Update" button

Update Mega Menu

  1. Delete the navigation_menu Layout; if it already exists
    1. Navigate to Settings > Click the "+" Next to "Utilities" > Components and Layouts > Layouts
    2. Check the box on the navigation_menu row
    3. Click the "..." button
    4. Click the "Delete Record(s)" button
  2. Download navigation_menu.xml
  3. Navigate to Settings > Data Management > Import Data and Settings in XML Provisioning Format
  4. Upload navigation_menu.xml
  1. Navigate to Settings > Click the "+" Next to "Utilities" > Components and Layouts > Layouts
  2. Check the box on the navigation_menu row
  3. Click the "View/Edit Layout" button
  4. Add/Remove Items or drag-and-drop items into different orders as needed.
  5. Click the "Update" button

Miscellaneous Admin Settings

Update Inventory Settings

Navigate to Catalog > Inventory > Inventory Settings and specify the following settings

Setting Value
Track Inventory Yes
Remove Products from Available Inventory When Added to Basket
When Inventory is Unavailable at Checkout: Display Error Message and Redirect Shopper to Page Basket Contents
In Stock Message (Short) In Stock
In Stock Message (Long): %inv_instock% available for immediate delivery
Track Low Stock Level Yes
Low Stock Level 10
Low Stock Message (Short) Low Stock
Low Stock Message (Long) Please Note | '%product_name%' is currently at low stock. Please be aware that there may be a delay in shipping.
Track Out of Stock Level Yes
Hide Out of Stock Product No
Out of Stock Level 0
Out of Stock Message (Short) Out Of Stock
Out of Stock Message (Long) Sorry, we are currently out of stock of '%product_name%'. Please check back later.
Limited Stock Message Sorry, we do not have enough '%product_name%' to fill your order. Please adjust the quantity and try again. Quantity Available: %inv_available%
  1. Copy the following XML into an import.xml file on your local computer
  2. Change YOUR_STORE_CODE to the value of your Store Code
    • You can find your Store Code at: Settings > Store Details > Store Code
  3. Navigate to Settings > Data Management > Import Data and Settings in XML Provisioning Format
  4. Upload the import.xml file
<Store code="YOUR_STORE_CODE">
    <InventorySettings_Update>
        <TrackInventory>Yes</TrackInventory>
        <InStockMessageShort><![CDATA[In Stock]]></InStockMessageShort>
        <InStockMessageLong><![CDATA[%inv_instock% available for immediate delivery]]></InStockMessageLong>
        <TrackLowStockLevel>Yes</TrackLowStockLevel>
        <LowStockLevel>10</LowStockLevel>
        <LowStockMessageShort><![CDATA[Low Stock]]></LowStockMessageShort>
        <LowStockMessageLong><![CDATA[Please Note | '%product_name%' is currently at low stock. Please be aware that there may be a delay in shipping.]]></LowStockMessageLong>
        <TrackOutOfStockProducts>Yes</TrackOutOfStockProducts>
        <HideOutOfStockProducts>No</HideOutOfStockProducts>
        <TrackOutOfStockLevel>0</TrackOutOfStockLevel>
        <OutOfStockMessageShort><![CDATA[Out Of Stock]]></OutOfStockMessageShort>
        <OutOfStockMessageLong><![CDATA[Sorry, we are currently out of stock of '%product_name%'. Please check back later.]]></OutOfStockMessageLong>
        <LimitedStockMessage><![CDATA[Sorry, we do not have enough '%product_name%' to fill your order. Please adjust the quantity and try again. Quantity Available: %inv_available%]]></LimitedStockMessage>
    </InventorySettings_Update>
</Store>