# Themes Structure ## Templates Templates are a group of sections that are configured to give your online store a consistent design. All themes will have the same sections. In the theme editor, you can find which templates are applied to which pages and then edit the templates to customize the information that you display to your customers.\ \ When you edit a template, your changes apply to every page that uses the template. For example, if you add a newsletter signup form to a Home template, then your homepage will display the newsletter signup form. ### Layout Your theme's layout template defines the overall structure and framework for your website. It provides the base elements that appear across all pages, such as the header, navigation menu, and footer. By default, the layout template includes the main HTML structure, along with shared sections like the site header, navigation menu, and footer. These sections help maintain consistent design and branding throughout your theme. The layout template ensures that all other page templates—such as product, cart, and content pages—inherit the same global structure and style. You can customize these shared elements from the theme editor to match your store’s look and feel. ### Home Your theme's Home template controls the layout and content displayed on your store’s homepage. It’s the first page your visitors see when they visit your website. By default, the Home template includes a main slider section and a Featured products section in the theme editor. The slider section is typically used to showcase promotional banners or highlight key messages, while the Featured products section displays selected products from your store. You can customize the Home template from the theme editor by adding, removing, or rearranging sections to create a unique and engaging homepage experience for your customers. ### Product Your theme's Product template displays detailed information about individual products in your store. It helps customers learn more about the products you offer and make purchasing decisions. By default, the Product template includes sections for the product name, images, price, related products, and product reviews. These sections work together to provide a complete view of the product, encouraging customers to explore and buy. You can customize the Product template from the theme editor to adjust the layout, add more product details, or change how related products and reviews appear. ### Products Your theme's Products template displays a list of all the products available in your store. It serves as a catalog page where customers can browse and explore your entire product collection. By default, the Products template includes sections that show each product’s name, image, and price. This layout provides customers with a quick overview of your offerings and helps them easily navigate to individual product pages for more details. You can customize the Products template from the theme editor to change how products are arranged or adjust the number of items per row. ### Cart Your theme's Cart template displays all the products that customers have added to their shopping cart before proceeding to checkout. It provides a clear summary of their selected items and allows them to review or update their order. By default, the Cart template includes sections showing the product name, image, price, and quantity for each item added to the cart. It also includes an order notes section where customers can leave special instructions or messages for their purchase. You can customize the Cart template from the theme editor to adjust the layout, enable or disable certain fields, or style the cart summary to match your store’s design. ### Page Your theme's Page template is used to display standard page content, such as About Us, Privacy Policy, or any custom pages you create for your store. By default, the Page template includes a simple content section that displays the title and main body text of the page. This makes it suitable for showcasing informational or static content. You can customize the Page template from the theme editor to adjust the layout, add images or apply specific styling to match the rest of your website’s design. ### 404 Your theme's 404 template is displayed when a customer tries to access a page that doesn’t exist on your website. It helps guide visitors back to valid pages and maintains a smooth browsing experience. By default, the 404 template shows a “404 Error” message along with a short description informing the visitor that the page cannot be found. It may also include a button or link to redirect users back to the homepage or another relevant section. You can customize the 404 template from the theme editor to change the message, add visuals, or include helpful navigation links that encourage visitors to continue exploring your store. ### CSS Your theme's CSS template is where all custom styling and design rules are stored. It controls the overall appearance of your website, including colors, fonts, spacing, and layout. By default, the CSS template defines the base styles for common elements such as the header, footer, buttons, and typography. It ensures a consistent look and feel across all pages of your theme. You can edit the CSS template to add your own custom styles, adjust the theme’s design, or override default settings. This allows you to personalize the appearance of your website while maintaining a clean and organized code structure. ### Javascript Your theme's JavaScript template contains all the interactive and dynamic functionalities that enhance the user experience on your website. It controls how elements behave and respond to user actions. By default, the JavaScript template manages interactive components such as sliders, quantity input and price changes. It helps create smooth transitions and responsive interactions across your theme. You can customize the JavaScript template to add your own scripts, modify existing functions, or integrate third-party features. Keeping your scripts organized in this template ensures your theme runs efficiently and remains easy to maintain. ### Settings Your theme's Settings template stores all the JSON configuration data that allows you to customize your theme without directly editing the code. It acts as the control center for your theme’s appearance and layout options. By default, the Settings template includes options such as text colors, background colors and menu configurations. These settings can be adjusted through the theme editor, making it easy to personalize your website to match your brand. You can extend the Settings template by adding new fields or customization options. This gives users more flexibility to change design and layout elements without needing to access the coding templates again. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.shoppego.com/en/online-store/themes/themes-structure.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.