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.
What is the purpose of the CurrentCurrencyId cookie?
Used to display currencies on the site using the appropriate currency visual representation.
What is the purpose of the CurrentFulfillmentMethod cookie?
Used to apply the appropriate fulfillment method on the site for processes like shipping calculation.
What is the purpose of the CurrentLanguageId cookie?
Used to display appropriate language translations for specified text on the site.
What is the purpose of the CurrentPickUpWarehouseId cookie?
Used to apply the appropriate pickup warehouse on the site for processes like shipping calculation.
When is the BillToIdShipToId cookie expiring?
At the end of the session or when the signature expires (default is 2 hours), whichever comes first.
What are the stored values for the CKFinder_Check cookie?
Encrypted value of the current time and the current user’s username.
What is the stored value for the CurrentBillToId cookie?
The Id of the currently selected billto for the current user.
What is the stored value for the CurrentCurrencyId cookie?
Id of the currently selected site currency.
When is the CurrentCurrencyId cookie expiring?
In 30 days
What is the stored value for the CurrentFulfillmentMethod cookie?
Name of the currently selected fulfillment method for the current user.
What is the stored value for the CurrentLanguageId cookie?
Id of the currently selected site language.
When is the CurrentLanguageId cookie expiring?
In 30 days
What is the stored value for the CurrentPickUpWarehouseId cookie?
Id of the currently selected pickup warehouse for the current user.
What is the purpose of the CurrentShipToId cookie?
Used in conjunction with the BillToIdShipToId cookie during the signature verification process. Also used to apply the appropriate shipto on the site for processes like shipping calculation.
What is the stored value for the CurrentShipToId cookie?
Id of the currently selected shipto for the current user.
What is the purpose of the InsiteCacheId cookie?
Uniquely identifies a user session. Used to apply ETag caching in the B2B Commerce Web API.
What is the stored value for the InsiteCacheId cookie?
The browser session id
What is the purpose of the InvoiceHistory-PageSize cookie?
Used to apply the page size on subsequent Invoice History page visits.
What is the stored value for the InvoiceHistory-PageSize cookie?
The currently selected page size for the Invoice History page list.
What is the purpose of the LastUpdatedListId cookie?
Used to pre-select the list when adding a product to a list.
What is the stored value for the LastUpdatedListId cookie?
Id of the list to which a product was added last.
What is the purpose of the OrderHistory-PageSize cookie?
Used to apply the page size on subsequent Order History page visits.
What is the stored value for the OrderHistory-PageSize cookie?
Currently selected page size for the Order History page list.
What is the purpose of the ProductList-PageSize cookie?
Used to apply the page size on subsequent Product List page visits.
What is the stored value for the ProductList-PageSize cookie?
The currently selected page size for the Product List page list.
What is the purpose of the ProductList-View cookie?
Used to apply the list view type on subsequent Product List page visits.
What is the stored value for the ProductList-View cookie?
Currently selected list view type for the product list. Can be Grid or List.
What is the purpose of the PunchOutSessionId cookie?
Keeps track of the punchout session. Certain site functionality is altered when using punchout.
What is the stored value for the PunchOutSessionId cookie?
Id of the current user’s punchout session.
What is the purpose of the RecentlyViewedProducts cookie?
Used to populate the Recently Viewed Products carousel widget.
What is the stored value for the RecentlyViewedProducts cookie?
List of product ids of recently viewed products.
What is the purpose of the SetContextLanguageCode cookie?
Used to set the language and culture of each B2B Commerce Web API request.
What is the stored value for the SetContextLanguageCode cookie?
Language tag.
When is the SetContextLanguageCode cookie expiring?
In 30 days.
What is the purpose of the SetContextPersonaIds cookie?
Used for processes influenced by personas, like marketing promotions and experiments.
What is the stored value for the SetContextPersonaIds cookie?
List of applied persona ids for the current user.
When is the SetContextPersonaIds cookie expiring?
In 30 days.
What is the purpose of the SetRememberedUserId cookie?
When returning to the site in the same browser, the can access their cart, lists and saved orders and browse the site as the user without signing in. Authentication is required when accessing account information or proceeding to checkout.
What is the stored value for the SetRememberedUserId cookie?
Id of the user, if chosen to be remembered (selected during sign in).
When is the SetRememberedUserId cookie expiring?
Configured in the Admin Console using the Days To Retain User setting. The default value is 30 days.
What is the purpose of the cms_CurrentContentMode cookie?
Used to show or hide certain functionality based on the content mode.
What is the stored value for the cms_CurrentContentMode cookie?
Name of the currently selected content mode for the current CMS session. Can be Editing, Previewing, or Viewing.