Product Pages Settings

In this section, we'll discuss how to set up the main options for the product detail page.

To access the product options, go to your Napps Dashboard, navigate to 'Builder', and then 'Product Page'. Then click the button in the left corner labeled 'Settings'.

In this option, you can select the layout for the product title on all of your product pages. We offer two different options and we recommend watching the preview to make an informed decision.

Final result of a Left Aligned Layout.

Final result of a Center Aligned Layout.

If your product includes bundles or multiple variants, this option allows you to choose how these options are displayed to customers in the mobile app.

For products with technical variants, such as sizes or measurements, the Only Variants option is recommended. This keeps the selection simple by displaying only the available options customers need to choose from.

For products with visual variations, such as different colors, the Display Images option provides a better experience. Customers can preview how the product changes between colors directly from the product page without needing to select each variant individually.

This is a useful option for stores that have chosen an icon color in the branding section that does not stand out against all or some of the background colors of their products. It will add a circle around the icons on the top of the PDP which will help to improve the customer experience by making the icons more visible.

Final result of a Contrasted Icon Border.

Final result of a Icon Border without contrast.

The Complementary Products option allows you to recommend multiple products that appear alongside the main product in your product images.

This helps improve cross-selling by showing customers the complete look and making it easier for them to discover and purchase related items without searching for them separately.

To use this option, set up your product metafields with the related or complementary products you want to recommend. Then, select the metafield you would like to use, and the selected products will be displayed alongside the main product.

On your photo's right side, a small button will be showned with the name you have previously defined, which, when clicked, will show the other related products.

The "Fixed" option will keep the "Add to Cart" button in a fixed position on the PDP for each PDP you create.

The "Floating" option makes the "Add to Cart" button follow the customer as they scroll, keeping it visible at the bottom of the screen at all times.

This setting acts as a general default for your products, but you can customize the variant display style individually for each product whenever needed.

The Rounded Rectangle style displays each variant option as a rounded button. This provides a clean and modern appearance while making each option easy for customers to identify and select.

The Grid style displays variant options in a structured grid layout. This option is useful for products with multiple variants, as it keeps all available choices organized and easy to browse.

The Pill Shape style displays variants as rounded pill-shaped buttons. This creates a compact and visually appealing way to present options, especially when there are fewer variants to choose from.

This option allows customers to quickly find products by searching for their specific reference information.

When enabled, this option will appear below the product title on the Product Detail Page (PDP). Customers can use the available reference field to identify and search for products more easily.

To enable this feature, simply check the option in the settings. You can choose which reference type customers can use:

Final result of a product with Product Identifier.

When enabled, the Share Button will appear below the Wishlist button. Customers can tap this to access their device’s sharing options and send the product through their preferred apps.