Although each theme is different, all themes have some common features. All themes let you use the same types of pages, and all pages include some standard elements. The following page elements and page types make up a theme's structure.
Master theme templates
A master page is an ASP.NET file with the extension .master (for example, PrintnowDisplay.Master) with a predefined layout that can include static text, HTML elements, and server controls. The master page is identified by a special @ Master directive that replaces the @ Page directive that is used for ordinary .aspx pages. PrintNow exposes several master pages in the root of each theme for customization. The PrintnowDisplay.Master is the main one that includes your header, side bar, main content and footer.
All Print Store themes include these Master theme templates:
| Master Page | Description |
|---|---|
| SubCategoryOverview.master | It is used to display a sub product category listed under main category |
| BlogCategory.master | Used to sort and group content into different category sections |
| BlogHome.master | Used to display your blog home page content |
| BlogPost.master | Used to display a single blog post content |
| CategoryOverview.master | Used to display a main product category |
| PrintnowDisplay.master | This is the main master page that includes your header, navigation, side bar, main content container and footer. |
| PrintnowDisplaySingle.master | Used when page has no sidebar |
| PrintnowHomeDisplaySingle.master | Used when homepage has side bar |
| PrintnowSidebarDisplay.master | Used on any page but homepage that has side bar |
| ProductDetails.master | It is used to display detail product pages typically with large thumbnails, detailed descriptions, pricing, related products, and more. |
PrintnowDisplay.master Controls & Property's
All .master pages contain controls and properties but the PrintNowDisplay.master in particular is the primary one used in Integrating HTML themes :
| Element | Description |
|---|---|
|
<asp:TextBox ID="search" runat="server" CssClass="form-control search"></asp:TextBox> |
search text input and button |
|
<pn:WelcomeUser runat="server" MessageFormat="Welcome, {name}" /> |
simple welcome message |
|
<printnow:AccountHeaderPane runat="server" /> |
login/logout button |
| <pn:CartCount runat="server" EmptyWhenZero="True" /> | shopping cart item count |
| <pn:Breadcrumb ID="breadcrumb1" runat="server" /> | built-in breadcrumb system |
| <asp:ContentPlaceHolder ID="cpTitleBar" runat="server" /> | page title bar (not really used) |
| <asp:ContentPlaceHolder ID="cpMainBody" runat="server" /> | main body content |
| <% If IsHomePage Then %> homepage content <% Else %> non-homepage content <% End If %> |
used to change hompage content based on logic |
| <% If IsLoggedIn Then %> logged in content <% Else %> non logged in content <% End If %> |
used to change content based on logic to determine logged in or non logged in user |
| <asp:ContentPlaceHolder ID="cpHead" runat="server"></asp:ContentPlaceHolder> | cpHead content place holder should be last tag in head |
| <telerik:radskinmanager id="RadSkinman" runat="server" skin="Default" /> <asp:ScriptManager ID="ScriptManager1" runat="server" /> |
radskinmanager and scriptmanager are invisible |
|
<printnow:warnBeforeLogout runat="server" /> |
logout waning control, gets hidden with jquery |
Page elements
All pages of a theme include these page elements:
| Element | Description |
|---|---|
|
Navigation |
A menu or a series of menus that provide a way for customers to explore or move around your online store. The main menu navigation is included in the header of a theme. |
| Body | The area on every page of your online store between the header and the footer. Unlike the header and footer, which are fixed elements that stay the same on every page, the body of the page is dynamic and contains content that changes depending on the page that you are on. |
| Footer | The content container that appears at the bottom of every page of your store. The footer might include links, social media icons, or contact information. |
|
Header |
The content container that appears at the top of each page of your store. The header usually includes your store's logo, main menu navigation, links, and the view cart icon. |
Page types
All Print Store deployments include the following types of pages in CMS. Any content added to these content pages will be added to the default content PrintNow dynamically creates from the code behind pages.
| Page | Description |
|---|---|
| View Message | The page used along with My messages to display message details. |
| Category | Any content added to this page will reflect in all category pages. |
| Confirm Submit | The final page in the checkout process before submitting order |
| Contact Us | A default contact-us page. You can alternatively create custom forms or integrate a 3rd party forms provider. |
| Custom Design | A page used to request custom design services. |
| Custom Upload | A page used for print-ready file uploads. |
| Data Lists | Used to display uploaded data lists. |
| Data Map | Used to map uploaded data lists to set variables. |
| Default (home) | The default page that shows when entering the root domain name. i.e. www.yourdomain.com |
| Error | The Error 404 "Page not found" is the error page displayed whenever someone asks for a page that's simply not available on your site. |
| Login | The page that shows when page requires log-in. |
| Lost Password | The page that shows when user requests lost password |
| My Account | Dashboard view end users see when accounting my account. |
| My Customer Approvals | A page dedicated for orders requiring approvals. |
| My Images | Lists all albums and images associated to user account. |
| My Info | Lists user account information, reset password, ship to, bill to addresses. |
| My Messages | Lists any messages sent by the Admin to user accounts. |
| My Order Details | Shows order receipt details like ship to, bill to, shipping method, product selections, quantity, pricing. |
| My Orders | Shows all orders placed by end user and allows reorder and viewing receipts. |
| My Projects | Shows all saved templates or order uploads that are potential pending orders. |
| Online Editor | The page used when displaying PrintNow's Print Editor. |
| Online Products | This is the product browser page used to display and filter products. |
| Order Information | The page used to enter billing and shipping addresses during checkout. |
| Order Information (2) | The page used to select shipping and payment information at checkout. |
| Order Options | The page this displays after order upload or template editing. Displays pricing, optional checkbox for approval and PDF proof download. |
| Products | A default page used for "All Products" assigned to Print Store. |
| Quick Quote | A page used to show all pricing across all product categories. |
| Receipt | The order receipt the user sees after placing order on Print Store. |
| Self Registration | Login page used for end users that can create their own accounts. |
| Sizing Options | Paged used for matrix pricing (i.e t-shirts with multiple quantities and colors) |
| View Cart | The shopping cart used to display products added to checkout. |
| View Content | Used for search results and custom pages. |
| View Details | The page used for each products detailed page. |
Related topics
Theme development
Site Themes Editor
Print Store theme structure
Duplicating themes
Publishing themes
Integrating HTML themes
Print Editor theme structure
Comments
Article is closed for comments.