forked from bigcommerce/cornerstone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
cs-dev-log.txt
138 lines (87 loc) · 4.31 KB
/
cs-dev-log.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
---------------------- CravenSpeed Theme Development Log-----------------------------
Contents:
1. Default Files With Changes
-List of changed files
2. Change Documentation
-List of changes made to changed files
3. Custom Templates
-List of custom templates being used
4. Custom Template Concepts
-Descriptions of each custom template
1. Default Files with changes:
-------------------------------------------------------------------------------------
assets\js\app.js
assets\js\theme\product.js
assets\js\theme\global\foundation.js
assets\js\theme\global\mobile-menu-toggle.js
assets\scss\theme.scss
templates\components\common\body.html
templates\components\common\footer.html
templates\components\common\header.html
templates\components\common\navigation.html
templates\components\common\navigation-menu.html
templates\layout\base.html
templates\pages\home.html
config.json
2. Change Documentation
-------------------------------------------------------------------------------------
Changes in app.js:
| Added addonClasses list to import custom page class files;
| Created an importer to import the addon classes;
Changes in product.js:
| Added logic to prevent creation of productDetails class on the cs-product template;
Changes in foundation.js:
| Added settings to allow fragment links and scrolling to tab content;
Changes in mobile-menu-toggle.js:
| Added .support-info class to the mobile menu toggle script;
Changes in theme.scss:
| added import for custom styles;
Changes in body.html:
| added logic to use a custom page content container for product pages (.cs-product-container);
Changes in footer.html:
| added a theme setting to show or hide the category navigation in the footer;
| hid the heading for address;
| turned on setting to show social links;
| moved social links into .footer-info and changed column type to .footer-info-col--small;
Changes in header.html:
| added a custom header template;
Changes in store-logo.html:
| added setting to use svg logo or storefront logo and set to svg;
| changed header logo size;
| The logo size is stored in config.json and refferenced in scss using:
| |
| | height: get-height(stencilString("logo_size"));
| | width: get-width(stencilString("logo_size"));
Changes in navigation.html:
| changed cart nav item in user navigation to icon instead of text;
| added handlebars logic to change the cart icon based on cart quantity(this requrired turning on the cart resource in config.json);
| changed the search nav item in user navigation to icon instead of text;
| created a new horizontal layout for the header. created .header-upper zone;
| added components\common\support-info.html to the upper header area;
Changes in navigation-menu.html:
| added a setting to show a link to home page in navigation menu;
Changes in base.html:
| added Qty app scripts with conditional logic to only show on product pages.
Changes in home.html:
| removed all default home page content below the carousel;
| added car selection menu;
| added matching products section;
| added stamped reviews widget;
3. Custom Templates
-------------------------------------------------------------------------------------
Components
| products-cs
| product-view-cs.html
Pages
| Custom
| cs-product.html
4. Custom Template Concepts
-------------------------------------------------------------------------------------
products-cs (folder)
| This folder is a duplicate of the defailt components\products folder. It is used when custom templates are required. Modified template names are
| appended with "-cs".
product-view-cs.html
| product component built for the CravenSpeed Archetype -> Alias concept. All product info is filled in by the CravenSpeed Qty app. Main product
| details load always above the fold. Space optimized for minimal layout shift when product info becomes available or changes.
cs-product.html
| the base product template used for the CravenSpeed Archetype->Alias concept.