Print Store theme structure

Follow

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>
<pn:ButtonEx ID="searchButton" runat="server" Text="<i class='icon icon-search'></i>" CssClass="btn btn-default" CausesValidation="false" />

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

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.