Nordic

Below you’ll find a list of articles broken down by sub topics that cover each and every aspect of your theme. We regularly maintain our documentation in collaboration with our support staff.

General Settings

Settings that are used in almost all sections

Section margin

Allows you to change the top and bottom margin in the section

  1. Top margin selector allows you to change the top margin in the section.
  2. Bottom margin selector allows you to change the bottom margin in the section.
Image description

Section padding

Allows you to change the top and bottom padding in the section

  1. Top padding selector allows you to change the top padding in the section.
  2. Bottom padding
Image description

Section borders

To enable top and bottom borders in the section

  1. Enable top field enables a line above the section.
  2. Enable bottom field enables a line below the section.
Image description

Buttons

Allows you to change button options

  1. Button label field sets the button's label.
  2. Button link field allows you to add a link to any source.
  3. Button style selector to change the button style.
Image description

Back to Top

To enable Back to Top button, navigate to Theme settings > Advanced.

Image description

Color swatches

To enable and edit Color swatches, navigate to Theme settings > Color swatches. Swatch trigger should be the same as the option in Product variants. You can also add custom colors by adding their name and color in HEX format.

Image description

Infinite scroll

To enable and edit Infinite scroll, navigate to Theme settings > Pagination > Pagination type.

Image description

Header Group

Sections that are used on all pages by default

There are several types of the header in this theme. You can choose a variant.

Image description
  1. Height slider allows you to change the header's height only on desktop devices.
  2. Use the Logo image file selector allows you to select or upload your logo file.
  3. Use the Logo image 2 file selector to select or upload your logo, which can be seen in Dark mode.
  4. (Optional.) If you add a logo, you can use the Custom logo width slider to change the logo size.
  5. Choose a Menu to be displayed in the header.
  6. Sticky header field allows the display of a header on the screen as the user scrolls up.
  7. If enable Header overlay, header will be without background. But it works if the first section is a slideshow.
  8. Enable country/region selector field enables the display of country/region.
  9. Enable language selector field enables the display of language.
Image description

Mega menu

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

  1. Add the Mega menu to the Header.
  2. Type the exact name of the link in the Trigger field.
  3. Promo block options allow you to add image and text.
Image description
Image description

In this theme, you can use a predictive search. It is enabled by default, but you can disable it in the Theme settings > Search

Image description

You can also enable the Enable search in the Header settings.

Image description

Overlay Group

Age verification popup

An Age verification popup is a prompt that appears on a website to confirm the user's age before accessing restricted content. In the Age verification popup settings, you can change customize text and buttons.

Image description

Sections is used on all pages by default

Footer appears at the bottom of every page. You can customize it to fit your brand and product offerings.

  1. Use Color scheme selector to change the color scheme.
  2. Follow on shop the field allows you to enable the option to subscribe to the store.
  3. Payment methods field enables the display of payment methods in the bottom line of the footer.
  4. Country/region selector field enables the display of the region selector in the footer.
  5. Language selector field enables the display of the language selector in the footer.
  6. Block Policy links enables the display of the policy links in the footer.
  7. Block Logo info options Image file selector allows you to select or upload your logo file.
  8. Block Logo info options Image 2 file selector to select or upload your logo, which can be seen in Dark mode.
  9. Block Logo info options custom logo width . (Optional.) If you add a logo, you can use the Custom logo width slider to change the logo size.
  10. Block Menu allows you to select menus, which will be displayed on the top line of the footer.
Image description

All sections

The theme contains several customizable sections that you can add to your page in any order.

Slideshow

The section allows you to add slides with image and heading

Image description
  1. Layout selector allows you to enable this section with full screen or make it in container.
  2. Text alignment allows you to change the position of the text horizontally
  3. Vertical allows you to change the position of the text vertical
  4. Image ratio selector allows you to change the height of this section.
  5. Enable autoplay checkbox field allows you to enable autoplay for slider.
  6. Disable sliding on hover checkbox field allows you to stop slider autoplay while hovering.
  7. Show navigation checkbox field enables the display navigation.
  8. Show bullets checkbox field enables the display bullets.
  9. Speed slider allows you to change speed of transition between items.
  10. Delay slider allows you to change delay after each slide.
  11. Sliding effects selector allows you to choose a few sliding effects.
  12. Block Slide options Image allows you to set an image for the block.
  13. Block Slide options Video allows you to set an video for the block.
  14. Block Slide options Color scheme selector to change the color scheme for the block.
  15. Block Slide options Heading allows you to set a heading for the block.
  16. Block Slide options text allows you to set a text for the block.
  17. Block Slide options Overlay opacity slider allows you to change the opacity of the overlay.
Image description
Image description

The section allows you to select products and customize their display.

Image description
  1. Products select products to be added to the section.
  2. Subheading allows you to set a subheading for the section.
  3. Heading allows you to set a heading for the section.
  4. Product card options allow you to customize product cards in the section.
Image description

Tabs

In this section, you can choose collection or blog post and customize it

Image description
  1. Autoplay checkbox field allows you to enable autoplay for slider.
  2. Delay slider allows you to change delay after each slide.
  3. Heading allows you to set a heading for the section.
  4. Subheading allows you to set a subheading for the section.
  5. Text allows you to set a text for the section.
  6. Block Tab options Collection allows you to set a collection for the block.
  7. Block Tab options Blog post card allows you to choose a article.
  8. Block Tab options Image allows you to set an image for the block.
  9. Block Tab options Heading allows you to set a heading for the block.
  10. Block Tab options Description allows you to set a description for the block.
Image description
Image description

Blog posts

The section allows you to select a blog and customize it.

Image description
Image description
  1. Grid type field allows you to select layout type.
  2. Columns per row slider allows you to change the number of products per line only on desktop devices and only on standard type.
  3. Heading allows you to set a heading for the section.
  4. Subheading allows you to set a subheading for the section.
  5. Block Article block options Blog post card
    field allows you to choose a article.
  6. Block Article block options Card type
    field allows you to choose a card variant.
  7. Block Article block options Show featured image field enables the display of an image for the blog post.
  8. Block Article block options Show tags field enables the display of tags for the blog post.
  9. Block Article block options Show date field enables the display of the date for the blog post.
  10. Block Article block options Show author field enables the display of the author for the blog post.
  11. Block Article block options Show excerpt field enables the display of the excerpt for the blog post
  12. Image options allows you to customize the image and their dimensions.
Image description
Image description

Multicolumn

Allows you to add blocks and customize them.

Image description
  1. Columns per row slider allows you to change the number of blocks per line only on desktop devices.
  2. Heading allows you to set a heading for the section.
  3. Subheading allows you to set a subheading for the section.
  4. Image options allows you to customize the image and their dimensions.
  5. Swipe on mobile checkbox field allows you to enable the slider on mobile devices.
  6. Block Column options Image file selector allows you to select or upload your image file.
  7. Block Column options Image 2 file selector to select or upload your image, which can be seen in Dark mode.
  8. Block Column options Heading allows you to set a heading for the block.
  9. Block Column options Size selector field allows you to change the size of the block header.
  10. Block Column options Description allows you to set a description for the block.
Image description

Image description

Collection grid

Allows you to add collections.

Image description
  1. Columns per row slider allows you to change the number of blocks per line only on desktop devices
  2. Heading allows you to set a heading for the section.
  3. Text allows you to set a text for the section.
  4. Card Type field allows you to select layout type.
  5. Overlay opacity slider allows you to change the opacity of the overlay.
  6. Block Collection options Collection allows you to set a collection for the block.
  7. Block Collection options Image allows you to set an image for the bloc
Image description

Testimonials

This section allows you to add customer reviews

Image description
Image description
  1. Use Color scheme selector to change the color scheme.
  2. Subheading allows you to set a subheading for the section.
  3. Block Testimonials tab options Rating allows you to assign stars to testimonials
  4. Block Testimonials tab options Text allows you to set a text for the block.
  5. Block Testimonials tab options Logo image allows you to choose a logo.
  6. Block Testimonials tab options Author options allows displaying author information
Image description
Image description

Allows you to add image block with texts.

Image description
Image description
  1. Use Color scheme selector to change the color scheme.
  2. Heading allows you to set a heading for the section.
  3. Ratio selector allows you to change the height of the blocks
  4. Block Card option Image allows you to set an image for the block.
  5. Block Card option Video allows you to set an video for the block.
  6. Block Card option Overlay opacity slider allows you to change the opacity of the overlay.
  7. Block Card option Subheadings allows you to set a subheadings for the block.
  8. Block Card option Heading allows you to set a heading for the block.
  9. Block Card option Heading size allows you to change heading size for the block.
  10. Block Card option Text allows you to set a text for the block.
Image description
Image description

Product markers

The section allows you to mark products in the image and choose display position

Image description
Image description
  1. Heading allows you to set a heading for the section.
  2. Subheading allows you to set a subheading for the section.
  3. Image allows you to set a image for the section.
  4. Overlay opacity slider allows you to change the opacity of the overlay.
  5. Product card options allow you to customize product cards in the section.
  6. In the block Marker product, you can select the product and choose the marker display position.
  7. In the block Marker, you can add images, texts and choose the marker display position.
Image description
Image description
Image description

Collapsible content

You can add and customize a collapsible content section, such as using it for FAQs.

Image description
  1. Use Color scheme selector to change the color scheme.
  2. Heading allows you to set a heading for the section.
  3. Image allows you to set an image for the section
Image description

Ticker

The section allows you to add scrolling ticker

Image description
  1. Use Color scheme selector to change the color scheme.
  2. Text allows you to set a text for the ticker.
  3. Speed allows you to change speed for the ticker.
  4. Font Size allows you to change font size for the ticker text.

Newsletter

You can add a newsletter subscription form.

Image description

Image Banner

In this section, you can add the image with texts and customize its

Image description
Image description
  1. Section type field allows you to select layout type.
  2. Use Color scheme selector to change the color scheme.
  3. Heading allows you to set a heading for the section.
  4. Heading size allows you to change heading size for the section.
  5. Text allows you to set a text for the section.
  6. Image allows you to set an image for the section
  7. Overlay opacity slider allows you to change the opacity of the overlay
  8. Size selector allows you to change the height of the section
  9. Subheadings allows you to set a subheadings for the section.
Image description

Image with text

In this section, you can add the image with texts

Image description
  1. Heading allows you to set a heading for the section.
  2. Image allows you to set an image for the section
  3. Video allows you to set an video for the section
  4. Image Size selector allows you to change the height of the section
  5. Heading options allows you to set a heading, text and subheadings for the section.
Image description

Rich text

In this section, you can add texts and customize its

Image description
Image description

Page

Information on topic pages

Product page

Image description
Image description

Product information

  1. Desktop layout field allows you to select layout the type of layout on desktop devices, it is automatically optimized for mobile devices.
  2. Desktop product gallery alignment selector allows you to choose alignment type on desktop devices.
  3. Mobile product gallery alignment selector allows you to choose alignment type on mobile devices.
  4. Block Inventory status allows you to enable inventory status.
  5. Block Pop-up allows you to enable and customize pop-up modals.
  6. Block Buy buttons option Show dynamic checkout buttons using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay.
  7. Block Complementary products allows you to add a complementary products and adjust the quantity per line.
  8. Block Description option Heading field sets a header block .
  9. Block About option Heading field sets a heading block.
  10. Block About option Text field sets a content block.

Product recommendations

Dynamic recommendations use order and product information to change and improve over time.

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 follow the 'View recommendations' link in the Feature overview section to add recommendations to your products.
Image description
Image description
Image description
Image description
  1. Products to show slider allows you to select the number of product displays
  2. Heading allows you to set a heading for the section.
  3. Subheading allows you to set a subheading for the section.
  4. Product card options allow you to customize product cards in the section.

Collections page

Image description

Collection banner

  1. Use Color scheme selector to change the color scheme.
  2. Overlay opacity slider allows you to change the opacity of the overlay
  3. Layout field allows you to select layout type.
  4. Additional word field allows you to add additional word of title.
  5. Show additional word field turn on additional word display.
  6. Show collection description field turn on description display.
  7. Image options allows you to add image and customize the image and their dimensions.
  8. Show collection image field turn on image display
Image description

Product grid

  1. Products per page field sets the number of displayed cards.
  2. Product card options allow you to customize product cards in the section.
  3. Image options allows you to customize the image and their dimensions.
  4. Enable filtering field turn filtering.
  5. Desktop filter layout field allows you to select filter type.
  6. Enable sorting field turn sorting.
  7. Per row options allows you to change the number of products per line
Image description

Product type filters

There are 2 options for displaying the product type filter in the menu and in the header.

  1. Filter in header
  2. Filter in menu

To enable the filter by product type, you need to go to the app "Search & Discovery >> Filters >> Add filter".

Image description

Select filter by product type.

Image description

Click "Save" to save changes.

Image description

Collections list

Displays a list of all collections

  1. Heading field sets a header section.
  2. Collections per page field sets the number of displayed cards.
  3. Columns per row slider allows you to change the number of collections per line only on desktop devices.
  4. Overlay opacity slider allows you to change the opacity of the overlay.
  5. Sort collections by field filters the collection by the specified parameters.
  6. Image ratio selector allows you to change the height of the collection of cards in this section.
  7. Card Type field allows you to select layout type.
Image description

About

Allows you to add sections describing the store.

Image description

Cart

  1. Block Items option Image options allows you to customize the image and their dimensions.
  2. Block Subtotal option Enable cart note field sets note.

Image description

Blog

Image description
  1. Columns per row slider allows you to change the number of posts per line only on desktop devices.
  2. Show featured image field enables the display of an image for the blog post.
  3. Show tags field enables the display of tags for the blog post.
  4. Show date field enables the display of the date for the blog post.
  5. Show author field enables the display of the author for the blog post.
  6. Show excerpt field enables the display of the excerpt for the blog post.
  7. Blog post card allows you to customize the post card
    and their dimensions.
Image description

Blog post

Image description
  1. Block Article header option Show tags field enables the display of tags for the blog post.
  2. Block Article header option Show date field enables the display of the date for the blog post.
  3. Block Article header option Show author field enables the display of the author for the blog post.
  4. Block Article header option Show excerpt field enables the display of the excerpt for the blog post.
  5. Block Article header option Share allows enable links from the list.
  6. Block Article footer option Show date field enable date for blog post.
  7. Block Article footer option Show author field enable author for blog post.
  8. Block Article footer option Share allows enable links from the list.
Image description

Importing our demos

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

  1. Download the settings file to copy the demo settings from there.
  2. Go to section "Online Store > Themes" your store. Click on the three dots button of your theme.
  3. Go to the code editor by clicking the edit code button.
  4. In the code editor, search for the file "index.json" and change the code to the demo code you want to transfer. Click "save" to save your changes.

Image description
Image description
Image description

Demos structure

Click on the demo name to download the file with the appropriate structure.

  1. White oak
  2. Clean
  3. Slate
  4. Charcoal
  5. Sage

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 Privacy Policy