Skip to main content

Apps

The Apps section is a special container within the theme, specifically designed to seamlessly integrate functionalities from external Shopify apps (such as product reviews, Instagram feeds, or loyalty programs) into your store.

When you add a new section to a page, you will immediately find it as a preset under the name 'Apps'.

General Layout & Design​

You can fully customize the appearance of the frame in which the app is loaded to match your brand identity:

  • Color scheme: Choose the background and text color for the entire section.
  • Background Display (Type): Determine whether the section spans the full width of the screen (Edge to Edge) or is neatly centered within a frame (Box).
  • Height: Choose whether the section should automatically grow in height with the content of the app (Grow with content), or if you prefer to work with a fixed height (Fixed height).
  • Background height: If you choose a fixed height, you can use this slider (0-100%) to determine exactly what percentage the background color covers. This is handy for creative overlapping.
  • Custom Class: A setting for developers to apply extra customization to this specific app integration via a CSS class.

Spacing (Whitespace)​

Ensure that the app connects nicely to the sections above and below by adjusting the whitespace:

  • Margin (Outer space): Manage the distance directly outside the section at the top and bottom.
  • Padding (Inner space): Manage the distance inside the section, between the edge and the actual app, for the top and bottom.

For all these settings, you can choose between Auto (the default spacing of the theme) or None (to completely remove the space).

Adding blocks (App integrations)​

The content of this section is determined by so-called App blocks.

As soon as you add the section to your page, you can select the desired app in the side menu. Which options you see here depends entirely on the apps you have actively installed via the Shopify App Store. Each app block nests perfectly within the styling and spacing you set above.