Navigation types

Navigation type setting allows you to configure how your store handles navigation. Below is a detailed explanation of the available setting:

• Multi-Page Application (MPA) (Default)

  Select this option to enable traditional page loads for navigation. This method uses aggressive preloads and the Transition View API to ensure smooth and fast navigation between pages. Ideal for stores that prioritize a more classic browsing experience while maintaining performance and smoothness.

• Single-Page Application (SPA)

  Choose this option for a seamless browsing experience. Navigation is handled dynamically without full page reloads, offering fluid transitions between pages. This is ideal for stores looking for a more modern and app-like user experience.

Satoshi SPA mode

Setting Options

Loading indicator

The Progress Bar settings allow you to customize the progress bar that appears when navigating from one page to another within your Shopify theme. This feature provides visual feedback to users, enhancing their browsing experience by indicating page loading progress.

Color

• Description: This setting controls the color of the progress bar.
• Default Value: #29D
• Customization: Choose a color to change the progress bar color. This allows you to match the progress bar with your store's branding.

Progress Bar Height

• Description: This setting controls the height of the progress bar.
• Default Value: 2px
• Customization: Enter a value in pixels to adjust the height of the progress bar. This lets you make the progress bar more prominent or subtle based on your design preference.

Example Usage

• To set the progress bar color to a custom shade of blue, you could choose your color in the color field.
• To make the progress bar more noticeable, you might want to increase the height to 4px.