Skip to content

Pages and Templates#

One of the most powerful features of Miva is the ability to customize every aspect of the look and feel for every page of the store. Miva provides full control over every design element through what it calls Pages. Pages are essentially templates for different parts of your store, such as the storefront, category pages, and product pages.

Pages Section#

The Pages section is located under User Interface within the Miva admin. This section includes individual templates that control each user-facing web page on the store. A default store comes with approximately 80 page templates, with new pages continuously added as features evolve.

Each page template corresponds to a specific part of the store. The Copy or delete a page can be found by selecting a record and clicking the More button.

Editing Pages#

Selecting a page record opens the Edit Page section, which includes a Details tab with the main template for the page. Additional sections and tabs corresponding to Items assigned to the page could include additional templates and/or settings.

You can customize the order of the tabs and sections within the tabs by:

  1. Selecting and holding any tab.
  2. Triggering the Edit Tab Display Order modal.
  3. Rearranging the tabs as needed.

Editing Templates#

The default templates in each section are a combination of:

Additionally, other languages such as CSS and JavaScript can be incorporated within these templates to enhance functionality and design. However, it is recommended to utilize the CSS/JavaScript Resources section to store those types of files.

Global Settings Section#

The Global Settings section is a centralized area within the User Interface where you can manage templates and settings that apply across your entire store. These global templates and settings ensure consistency and reduce duplication across various pages. Some of the key sections include:

  • Smart Breadcrumbs: Breadcrumb navigation template.
  • Buttons: Templates for store-wide buttons.
  • Category Tree Template: Configure category tree template.
  • Customer Links: Manage template for customer login areas.
  • Global Header & Footer: Create and maintain consistent headers and footers for all pages.
  • HEAD Tag Content: Customize metadata and scripts for the <head> section of all pages.
  • HTML Profile: Set up HTML output profiles for optimizing rendering.
  • Navigation Bar: Design and configure the navigation bar template.
  • Mini-Basket: Control the design and functionality of the mini-cart.
  • Shopping Interface Settings: Configure settings that impact the shopping experience.