Website Themes

overview & purpose a theme is an overall look, feel and style of your website this includes various elements such as color schemes, layouts, and style elements a good website theme gives impacts a great impression on your customers, as it is a direct representation of your brand the dashboard lists all the storefront themes available, you can take a quick preview of the themes and select one as your storefront theme website logos this is the screen where you can add a logo for each store user type and the default store from the user type dropdown select the store to add logos for various instances, such as – logo for mobile, favicon, site logo, email logo, logo for studio and studio app logo you can repeat the above steps for every store added into your system and customize their appearance the system will refer to the logos uploaded from this interface and display them in the front store however, certain conditions need to be taken care of while uploading the logo while uploading the files please make sure they are of the proper resolution, as the system will display the image as it is product showcase settings you can make your customers' shopping experience by showing recommended products based on trending or top selling items from your store this feature helps highlight popular choices, driving engagement and increasing conversions! to manage the product showcase on the front, we have moved a few settings from site configuration to the product showcase settings screen types of recommendations top selling products these recommendations are based on sales data from the past 24 months this helps highlight products that have consistently performed well over a longer period trending products these are identified based on sales data from the past 15 days, showcasing products that are currently gaining popularity popular products recommendations in this category are based on sales data from the past 6 months, providing a balance between long term top sellers and current trends customizable recommendations we understand that there may be instances where you prefer to promote specific products according to your marketing strategy rather than relying solely on ai generated suggestions 1\ automatic data transfer with the "enable real time data sync" setting, the ai model can access your order data in the real time, enabling it to generate accurate and timely product recommendations to enable this feature, navigate to the settings menu and toggle the "enable real time data sync" option for each recommendation section (top selling, trending, popular), you can choose to disable the automatic transfer of order data to the ai model this can be done by navigating to the respective section settings and toggling the option to disable data transfer 2\ manual product selection when the automatic data transfer is disabled, you can manually select products to be promoted a drop down menu will be available in each section, allowing you to choose the products you wish to highlight after customizing the recommendations using either the auto sync or manual selection method, the admin can choose to display the recommended products on the home page, advanced search, and related products block to display the recommended products on the home page, the display setting must first be set to cms then, within the home page cms fixed page, the blocks for top selling, trending and popular products need to be added to the page content section action menu every website theme will have a dropdown of action menu, with quick actions for example, you can preview the theme, define theme settings, and write a custom css and js for the theme preview opens the theme in a new tab, allowing you to preview the look and feel of your storefront in that theme the theme will perform based on its default setting configuration theme settings quick link to change settings for a particular theme you will get a list of 20+ different kinds of settings you can change and customize your website appearance we have taken care of every single object of a website and given options for it, thus giving you the flexibility to choose the design layout custom css if you have a dedicated designer or a webs developer then you can easily write a custom css for your website for all stores to over write default theme css, just click on the ‘store custom css’ link which is available at the top right side on the same page for particular store, default theme css can be edited using the ‘custom css’ link in selected store’s action menu custom jss similar to css, you can write custom jss for your website breadcrumbs breadcrumbs navigation generally enhances the way users find their ways around they improve the find ability and thus reduce the number of actions a website visitor has to perform breadcrumbs function similar to the process bars they are horizontally arranged texts, separated with a “greater than” or any other kind of symbol at onprintshop, breadcrumb options don’t setup automatically on your website contact a support person at support\@onprintshop com to activate breadcrumb options we have also developed certain breadcrumb styles that you can use on your website also, mention the breadcrumb style you want on your website you can personalize your storefront web pages by applying different styles of breadcrumbs you can choose different breadcrumbs for web pages like product flow, personalize flow, checkout flow, my account flow, and other pages flow choose the type and position of the breadcrumb from – admin >> store configurations >> settings >> search "breadcrumb" >> display style for breadcrumbs – front choose breadcrumb style from – admin >> store configurations >> settings >> search "breadcrumb" >> breadcrumb layout style (click on help icon to learn more) you can choose different styles for breadcrumbs, mentioned in the help icon you need to contact a technical onprintshop consultant for applying different breadcrumb styles example of how breadcrumbs look at the website –