Store Setup
Store Personalization
Product Page Layout
7 min
overview the product page layout feature allows you to customize how individual products or product groups are displayed to your customers onprintshop provides a set of pre built, professionally designed layouts optimized for both web and mobile views these layouts are accessible through the product type settings and can be previewed before assigning them while the predefined templates cannot be modified, they offer a quick and effective way to match the layout with the product’s purpose and customer expectations purpose this feature is designed to give you greater flexibility and control over the visual presentation of your products by assigning specific layouts based on product type, you can ensure a consistent and intuitive user experience across your store each layout is clearly named for easy identification and supports both web and mobile formats, helping you maintain a responsive and user friendly interface without additional development effort note any changes made in this section will be directly reflected on the product pages of your website configuration this guide will help you create, assign, and manage custom and pre built product page layouts for web and mobile views in onprintshop adding a layout you can customize the product page layout based on different product types, including predefined, photobook, book products, and calendar products these layout options allow you to tailor the user experience for each product type, provided they are enabled in your admin panel to add a new layout, navigate to the admin panel > store personalization > product page layout > add button (top right link) these configurations determine how the layout will appear and function on the storefront for selected products field description use case/example name enter the layout name naming a layout as "standard mobile view" for better identification product type select the product type for which you want to create a layout options shown depend on your configuration choosing "calendar product" to create a layout specifically for calendar type products layout type choose whether you want the layout for web or mobile selecting "mobile" to create a mobile friendly product page layout sidebar display choose to show or hide the sidebar tick "default" to display or "no sidebar" to hide it hiding the sidebar on mobile for a cleaner user experience select product select the specific product(s) for which this layout will be applied the product list is based on the selected product type applying a custom layout to only the "2025 wall calendar" product select block choose page sections (blocks) from a dropdown and add them to your layout adding blocks like “product description” or “customer reviews” to the product page arrange blocks drag and drop blocks to rearrange their position resize them by dragging the block’s right corner placing “price details” above “product options” and resizing the image gallery block action buttons configure the layout, style, and behavior of action buttons (alignment, icon vs button, popup or inline) setting action buttons as horizontal icon buttons that appear directly on the page note if you have created a layout for the web, it will not be automatically applied; you will have to create a specific layout for mobile devices also managing page layouts from the main screen, admins can manage page layouts using the action menu, which provides options to edit, duplicate , or delete custom layouts as needed edit modify block arrangements in custom created layouts only; sidebar and product assignment can be adjusted for pre defined ones duplicate create an editable copy of a pre built layout to customize as per your needs delete remove unused custom layouts via a 2 step confirmation; system layouts can't be deleted note duplicate action will not reflect any changes in the default layouts