Website Themes

overview a theme defines the overall look, feel, and style of your website it includes key visual elements such as color schemes, layouts, and design components that work together to create a cohesive appearance purpose a well designed website theme helps create a strong first impression and enhances the user experience it directly reflects your brand identity and plays a vital role in building trust and engagement with your customers configuration this guide will help you select, apply, and manage website themes to ensure a visually appealing and brand consistent online presence 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 field description use case/example preview opens the selected theme in a new tab so you can view how your storefront will appear with that theme, based on its default settings use this to visually evaluate a new theme before applying it to your live site theme settings allows you to access and modify 20+ customizable settings related to website appearance, including layout, colors, fonts, and more change the header layout or homepage structure without needing coding knowledge custom css lets you write and apply custom css to override the default theme styles you can apply it for all stores or specific stores using provided links a designer updates font styles across all store pages using global custom css custom jss allows you to write custom javascript (jss) for your website to add interactive features or modify behaviors a developer adds a custom scroll animation or tracking script specific to a theme 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 –