Home Help Center Minimalista

Minimalista Documentation

Header Group

This theme offers multiple header layouts. You can customize the search promo and choose from three Mega Menu styles.

Mega Menu

To add a Mega menu, ensure that the main menu link has sublinks, then follow these steps:

  1. Add the Mega Menu to the Header.
  2. Enter the exact name of the link in the Trigger field.

Additionally, you can add images, text, and links to the two promo blocks, and customize their color scheme.

This theme includes predictive search, which is enabled by default. You can disable it in the Theme settings > Search.

You can also enable the Search promo dropdown in the Header settings, which appears before the user starts typing. You can add two types of content to this dropdown: collections and two promo blocks.

Overlay Group

Notification Banner

In the Notification Banner settings, you can customize the layout, add images and text, adjust the banner position, and modify the open/exit animations and options.

You can also use this banner as a button to trigger another notification bar or popup. Follow these steps:

  1. In the Triggers section, add the ID of the popup/notification bar you want to open (e.g. 'popup').
  2. Go to the popup/notification bar settings and enter the ID, starting with '#' (e.g. '#popup'), in the 'CSS selector for manual trigger' field.

In the Popup settings, you can customize the layout, add images and a subscription form, adjust the position, and modify the open/exit animations and options.

You can also use this popup as a button-trigger for opening another popup or notification bar by following these steps:

  1. In the Triggers section, add the ID of the popup/notification bar you want to open (e.g. 'notification-bar').
  2. Go to the popup/notification bar settings and add the ID, starting with '#' (e.g. '#notification-bar'), in the 'CSS selector for manual trigger' field.

Sections

Media

This section has multiple layouts and settings, here are some examples below.

  1. 9 slides, Desktop layout — Grid format.
  2. 1 block, Desktop layout — Full-width.
  3. 2 blocks, Desktop layout — Half page.
  4. 9 slides, Desktop layout — Split page.
  5. 2 blocks, Desktop layout — Half page, disabled Full width, enabled gap between slides, and enabled border radius for slides.

Settings

Dark Mode

To edit the Dark Mode settings, go to Theme settings > Color scheme.

Color Swatches

To enable and edit Color Swatches, go to Theme settings > Color swatch.

To display color swatches as variant images, you can check the instructions here.

Custom Colors

The swatch trigger should match the option in Product variants.

You can also add custom colors by specifying their name and HEX color code.

Category Metafields

To display the value from an option configured using Category metafields on the product creation/edit page, you need to enable the Standard type in Theme Settings > Color swatch > Color swatches type.

At the same time, to display the Color Swatch on the product card, you will still need to fill in the Swatch trigger field.

Custom Product Badges

To enable and edit Custom badges, navigate to Theme settings > Product card.

The next step is to add metafields to the products.

To add and edit metafields, follow these steps:

  1. Navigate to Settings > Custom data in the Admin Panel.
  2. Select Products.
  3. Click the 'Add definition' button and fill in the fields.
  4. Navigate to the product and add information below.

For more information about metafields, follow the link.

Metafields

To add and edit metafields, follow these steps:

  1. Navigate to Settings > Custom data in the Admin Panel.
  2. Select an item to which you would like to add a metafield.
  3. Click the button "Add definition" and fill the fields.
  4. Go to the item where you've added the metafield (e.g., Product or Collection) and add the information below.

For more information about metafields, follow the link.

Custom Templates

You can easily create and customize your templates. Here's an example below:

  1. Choose the type of template you'd like to create and give it a name.
  2. In the Admin Panel, select the page you want to assign the custom template to. Choose the theme template and save the changes.
  3. Now, you can go back to the customizer, open the new template, and add the desired sections.

If you want to delete a custom template, follow the 'Edit code' link in the Admin Panel, select the template, and click the delete button. Please note that this action can impact your theme, so be cautious.

Pages

Product Page

There’re 6 types of Gallery:

  1. Horizontal Slider
  2. Horizontal Carousel
  3. Slider with Bullets
  4. Grid Gallery
  5. Slider with Previews
  6. Stacked Gallery

To add more dynamic information to a product, you can use metafields. To do so, go to Settings > Custom data > Products in the Admin panel. Follow these steps to add dynamic characteristics to the product:

  1. Add two metafield definitions with the key names "characteristics.name" and "characteristics.description".
  2. Choose the "Single-line text with list of values" type for the both metafields.
  3. Navigate to the product and add characteristics.
  4. Add a Dropdown information block to the product page and enable the 'Assign product characteristics' checkbox.

For more information about metafields, follow the link.

Gift Card Recipient

To add recipient and message fields to gift card products, go to the customizer > Product page > Buy buttons block. Check the 'Show recipient information form for gift card products' option to enable the recipient information form for gift cards.

Product Recommendations and Complementary Products

To add and edit product recommendations, follow these steps:

  1. Install the Search & Discovery app by Shopify from the Apps page in the Admin Panel.
  2. Once installed, open the app and click the 'View recommendations' link in the Feature overview section to add recommendations to your products.

You can easily edit or add recommendations for multiple products using the Bulk Editor in the Products tab in the Admin Panel.

Size Chart

To add a Size Chart, follow these steps:

  1. Create new page with a table.
  2. Add a "Popup" block to the product page.
  3. Select "Size Chart" page.

Variant Picker

You can choose between two types for the Variant Picker: Pills and Dropdown.

Pills

Pills display options as buttons. In this type, the color option can be shown as Color swatches.

To display a color as a variant image, follow these steps:

  1. Select an image for each variant on the product creation/edit page.
  2. Fill in the Swatch Trigger field in Theme Settings > Color Swatch.
  3. On the product page (you can create a separate template if needed), add the Variant Picker block with the following settings: Type: Pills, Swatch Type: Variant image.

Pills

Dropdown allows variant selection through dropdown menus. This type does not support Color swatches.

Product Cart

To enable cart note, navigate to the customizer > Cart > Items, and check the “Enable cart note” option.

Free Shipping

There can be issues when a store has multiple languages. To avoid them, keep the text '{amount}' untranslated.

Collection Page

To enable advanced filtering, follow these steps:

  1. Install the Search & Discovery app by Shopify from the Apps section in the Admin Panel.
  2. Once installed, open the app and follow the 'Customize filters' link in the Feature overview section to manage the filters.

Blog

To add a custom image and description for each blog, follow these steps:

  1. Navigate to the Admin Panel > Custom Data > Blogs and add new definitions.
  2. Go to the customizer, select the blog page, and add your custom information using the 'Insert dynamic' source button.

Importing Our Demos

You can also copy the structure of any of our 5 demos in a few steps.

  1. Copy the demo structure from the links below (Cmd-A or Ctrl-A to select all).
  2. Follow to the section Online Store > Themes in your store. Click the three dots button of your theme.
  3. Open the code editor by clicking the Edit code button.
  4. In the code editor, search for the 'index.json' file, select all its content, and replace it with the new structure. Click 'Save' to apply the changes. If an error occurs, click 'Format json' and try saving the file again.

Demos Structure

  1. Graphite
  2. Quartz
  3. Sapphire
  4. Aquamarine
  5. Citrine

Support

You can ask any questions about the theme and our support agent will help you within 24 hours on business days.

Visit Help Center      View Terms & Conditions