2023 beta - Building Websites (35%) Flashcards
What are the primary technical goals for the rewrite of the Optimizely B2B Commerce front-end and CMS?
- Improved upgradability for the frontend
- More composable commerce pages
- Simple CMS Data Structure
- Improved page editing experience
- SEO/Serverside rendering
- Lighter Javascript payloads
How is Spire CMS different from Classic CMS?
Spire CMS is built on React/Redux and Classic CMS is built on Angular.js.
What is the technology used in classic CMS?
Angular.js, Foundation, TypeScript
What is the technology used in Spire CMS?
React, Redux, TypeScript, Node
Describe the Front-End Upgrade Model in classic CMS?
Merge as desired
Describe the Front-End Upgrade Model in Spire CMS?
Automated
What is the Styling Approach in classic CMS?
Cascading Style Sheets, base.css
What is the Styling Approach in Spire CMS?
Style Guide, user-configurable, styled-components
What is the CMS Style Guide in the Spire CMS?
It is a is a tool that lets you make changes to your Optimizely Commerce front-end’s colors, typography and components’ visual appearance. Changes made in the CMS Style Guide are immediate and affect every element of the type updated.
How to access the the Spire CMS?
You must add “/contentadmin” to the end of your site URL to access the Spire CMS.
The Style Guide displays the basic configurable styles for the website. The styles are grouped into three main areas. What are they?
Site Colors, Site Typography and Components
How can you override text styles applied with the Style Guide?
Text styles applied with the Style Guide can be overridden using the CMS’s Rich Text Editor.
What are responsive web pages?
Responsive web pages are web pages designed to change their presentation and orientation according to the type of device viewing the web page.
What are the three sizes that change the way the web page displays?
Smartphone: 320px
Tablet: 768px
Desktop: 1024px
What is the difference between mobile web pages and responsive web pages regarding URLs?
Mobile web pages often use a separate site (usually a subdomain) that depends on HTML redirection to ensure users are routed to the correct website. Responsive web pages all use the same URL, as it is all coded into the page.
What is the difference between mobile web pages and responsive web pages regarding rendering?
Mobile web pages are statically set to a specific mobile screen size. Responsive web pages change the web page presentation and orientation for each device.
What is the difference between mobile web pages and responsive web pages regarding content?
Because a mobile web page is a different website, you can tailor content specifically to mobile users. Content for responsive web pages can be targeted to specific devices - desktop, tablet or phone. This ensures content can be customized to fit the device size and format.
What is the purpose of the {currentWebsiteId}_Cart cookie?
Keeps track of the cart and transfers it to a user account if the anonymous user creates an account. Only stored for anonymous users.
How do you configure the expiration of the {currentWebsiteId}_Cart cookie?
It is configured in the Admin Console using the Number of Days to Retain Items in Cart setting. The default value is 7 days.
What is the purpose of the {currentWebsiteId}_CustomerOrderForApproval cookie?
Loads relevant data for the approval order rather than the current user’s cart. This allows the current user to correctly approve the order.
What is the purpose of the .AspNet.ApplicationCookie cookie?
Standard authentication cookie used by ASP.NET. Keeps track of the currently authenticated user’s session.
What is the purpose of the BillToIdShipToId cookie?
Used during a signature verification process to ensure the CurrentBillToId and CurrentShipToId cookies are valid for the current user. The encrypted billto and shipto id values are stored.
What is the purpose of the CKFinder_Check cookie?
Allows only authenticated users to use CKFinder in the CMS.
What is the purpose of the CurrentBillToId cookie?
Used in conjunction with the BillToIdShipToId cookie during the signature verification process. Also used to apply the appropriate billto on the site for processes like shipping calculation.