feat: Friend Referral · rogerioromao.dev/purrform-frontend@bc7d450

+4 -2

assets/scss/custom/components/_accountsReward.scss

··· 89 89 width: 100%; 90 90 float: left; 91 91 } 92 - #previous-length { 92 + #previous-length, 93 + #previous-friends-length { 93 94 margin-top: 1rem; 94 95 } 95 - #previous-grid { 96 + #previous-grid, 97 + #previous-friends-grid { 96 98 border: 1px solid #ddd; 97 99 border-radius: 1rem; 98 100 padding: 20px;

+820 -791

config.json

··· 1 1 { 2 - "name": "DEV Theme - Breeder referral 17/07/2024", 3 - "version": "6.10.0", 4 - "template_engine": "handlebars_v4", 5 - "meta": { 6 - "price": 0, 7 - "documentation_url": "https://support.bigcommerce.com/articles/Public/Cornerstone-Theme-Manual", 8 - "author_name": "BigCommerce", 9 - "author_email": "support@bigcommerce.com", 10 - "author_support_url": "https://support.bigcommerce.com/", 11 - "composed_image": "composed.png", 12 - "features": [ 13 - "fully_responsive", 14 - "mega_navigation", 15 - "multi_tiered_sidebar_menu", 16 - "masonry_design", 17 - "frontpage_slideshow", 18 - "quick_add_to_cart", 19 - "switchable_product_view", 20 - "product_comparison_table", 21 - "complex_search_filtering", 22 - "customizable_product_selector", 23 - "cart_suggested_products", 24 - "free_customer_support", 25 - "free_theme_upgrades", 26 - "high_res_product_images", 27 - "product_filtering", 28 - "advanced_quick_view", 29 - "product_showcase", 30 - "persistent_cart", 31 - "one_page_check_out", 32 - "product_videos", 33 - "customized_checkout", 34 - "enhanced_ecommerce", 35 - "csrf_protection", 36 - "account_payment_methods_v2" 37 - ] 38 - }, 39 - "css_compiler": "scss", 40 - "autoprefixer_cascade": true, 41 - "autoprefixer_browsers": ["> 1%", "last 2 versions", "Firefox ESR"], 42 - "settings": { 43 - "hide_breadcrumbs": false, 44 - "hide_page_heading": false, 45 - "hide_category_page_heading": false, 46 - "hide_blog_page_heading": false, 47 - "hide_contact_us_page_heading": false, 48 - "homepage_new_products_count": 0, 49 - "homepage_featured_products_count": 4, 50 - "homepage_top_products_count": 0, 51 - "homepage_show_carousel": true, 52 - "homepage_show_carousel_arrows": true, 53 - "homepage_show_carousel_play_pause_button": false, 54 - "homepage_stretch_carousel_images": false, 55 - "homepage_new_products_column_count": 5, 56 - "homepage_featured_products_column_count": 5, 57 - "homepage_top_products_column_count": 5, 58 - "homepage_blog_posts_count": 3, 59 - "productpage_videos_count": 8, 60 - "productpage_reviews_count": 9, 61 - "productpage_related_products_count": 10, 62 - "productpage_similar_by_views_count": 10, 63 - "categorypage_products_per_page": 12, 64 - "shop_by_price_visibility": true, 65 - "brandpage_products_per_page": 12, 66 - "searchpage_products_per_page": 12, 67 - "show_product_quick_view": false, 68 - "show_powered_by": false, 69 - "shop_by_brand_show_footer": false, 70 - "show_copyright_footer": true, 71 - "show_accept_amex": false, 72 - "show_accept_discover": false, 73 - "show_accept_mastercard": true, 74 - "show_accept_paypal": false, 75 - "show_accept_visa": true, 76 - "show_accept_amazonpay": false, 77 - "show_accept_googlepay": false, 78 - "show_accept_klarna": false, 79 - "show_product_details_tabs": true, 80 - "show_product_reviews": true, 81 - "show_quick_payment_buttons": true, 82 - "show_custom_fields_tabs": false, 83 - "show_product_weight": true, 84 - "show_product_dimensions": false, 85 - "show_product_swatch_names": true, 86 - "product_list_display_mode": "grid", 87 - "logo-position": "left", 88 - "logo_size": "250x100", 89 - "logo_fontSize": 28, 90 - "brand_size": "190x250", 91 - "gallery_size": "300x300", 92 - "productgallery_size": "500x659", 93 - "product_size": "500x659", 94 - "productview_thumb_size": "80x80", 95 - "productthumb_size": "100x100", 96 - "thumb_size": "100x100", 97 - "zoom_size": "1280x1280", 98 - "blog_size": "190x250", 99 - "default_image_brand": "img/BrandDefault.gif", 100 - "default_image_product": "img/ProductDefault.gif", 101 - "default_image_gift_certificate": "img/GiftCertificate.png", 102 - "body-font": "Google_Karla_400", 103 - "headings-font": "Google_Montserrat_400", 104 - "fontSize-root": 16, 105 - "fontSize-h1": 28, 106 - "fontSize-h2": 38, 107 - "fontSize-h3": 22, 108 - "fontSize-h4": 20, 109 - "fontSize-h5": 15, 110 - "fontSize-h6": 13, 111 - "applePay-button": "black", 112 - "color-textBase": "#333333", 113 - "color-textBase--hover": "#757575", 114 - "color-textBase--active": "#757575", 115 - "color-textSecondary": "#757575", 116 - "color-textSecondary--hover": "#333333", 117 - "color-textSecondary--active": "#333333", 118 - "color-textLink": "#333333", 119 - "color-textLink--hover": "#757575", 120 - "color-textLink--active": "#757575", 121 - "color-textHeading": "#444444", 122 - "color-primary": "#757575", 123 - "color-primaryDark": "#666666", 124 - "color-primaryDarker": "#333333", 125 - "color-primaryLight": "#999999", 126 - "color-secondary": "#ffffff", 127 - "color-secondaryDark": "#e5e5e5", 128 - "color-secondaryDarker": "#cccccc", 129 - "color-error": "#cc4749", 130 - "color-errorLight": "#ffdddd", 131 - "color-info": "#666666", 132 - "color-infoLight": "#dfdfdf", 133 - "color-success": "#008a06", 134 - "color-successLight": "#d5ffd8", 135 - "color-warning": "#f1a500", 136 - "color-warningLight": "#fffdea", 137 - "color-black": "#ffffff", 138 - "color-white": "#ffffff", 139 - "color-whitesBase": "#e5e5e5", 140 - "color-grey": "#999999", 141 - "color-greyDarkest": "#000000", 142 - "color-greyDarker": "#333333", 143 - "color-greyDark": "#666666", 144 - "color-greyMedium": "#757575", 145 - "color-greyLight": "#999999", 146 - "color-greyLighter": "#cccccc", 147 - "color-greyLightest": "#e5e5e5", 148 - "banner--deafault-backgroundColor": "#707070", 149 - "button--default-color": "#666666", 150 - "button--default-colorHover": "#687D6A", 151 - "button--default-colorActive": "#687D6A", 152 - "button--default-borderColor": "#687D6A", 153 - "button--default-borderColorHover": "#687D6A", 154 - "button--default-borderColorActive": "#687D6A", 155 - "button--primary-color": "#ffffff", 156 - "button--primary-colorHover": "#687D6A", 157 - "button--primary-colorActive": "#687D6A", 158 - "button--primary-backgroundColor": "#687D6A", 159 - "button--primary-backgroundColorHover": "#ffffff", 160 - "button--primary-backgroundColorActive": "#ffffff", 161 - "button--disabled-color": "#ffffff", 162 - "button--disabled-backgroundColor": "#cccccc", 163 - "button--disabled-borderColor": "transparent", 164 - "icon-color": "#757575", 165 - "icon-color-hover": "#999999", 166 - "button--icon-svg-color": "#757575", 167 - "icon-ratingEmpty": "#8F8F8F", 168 - "icon-ratingFull": "#474747", 169 - "carousel-bgColor": "#ffffff", 170 - "carousel-title-color": "#ffffff", 171 - "carousel-description-color": "#ffffff", 172 - "carousel-dot-color": "#ffffff", 173 - "carousel-dot-color-active": "#BD9B60", 174 - "carousel-dot-bgColor": "ffffff", 175 - "carousel-arrow-color": "#ffffff", 176 - "carousel-arrow-color--hover": "#BD9B60", 177 - "carousel-arrow-bgColor": "#ffffff", 178 - "carousel-arrow-borderColor": "transparent ", 179 - "carousel-play-pause-button-textColor": "8f8f8f", 180 - "carousel-play-pause-button-textColor--hover": "#474747", 181 - "carousel-play-pause-button-bgColor": "#ffffff", 182 - "carousel-play-pause-button-borderColor": "#ffffff", 183 - "card-title-color": "#333333", 184 - "card-title-color-hover": "#757575", 185 - "card-figcaption-button-background": "#ffffff", 186 - "card-figcaption-button-color": "#333333", 187 - "card--alternate-backgroundColor": "#ffffff", 188 - "card--alternate-borderColor": "#ffffff", 189 - "card--alternate-color--hover": "#ffffff", 190 - "form-label-font-color": "#666666", 191 - "input-font-color": "#666666", 192 - "input-border-color": "#8F8F8F", 193 - "input-border-color-active": "#474747", 194 - "input-bg-color": "#ffffff", 195 - "input-disabled-bg": "#ffffff", 196 - "select-bg-color": "#ffffff", 197 - "select-arrow-color": "#757575", 198 - "checkRadio-color": "#333333", 199 - "checkRadio-backgroundColor": "#ffffff", 200 - "checkRadio-borderColor": "#8f8f8f", 201 - "alert-backgroundColor": "#ffffff", 202 - "alert-color": "#333333", 203 - "alert-color-alt": "#ffffff", 204 - "storeName-color": "#333333", 205 - "body-bg": "#ffffff", 206 - "header-backgroundColor": "#ffffff", 207 - "footer-backgroundColor": "#ffffff", 208 - "navUser-color": "#333333", 209 - "navUser-color-hover": "#757575", 210 - "navUser-dropdown-backgroundColor": "#ffffff", 211 - "navUser-dropdown-borderColor": "#cccccc", 212 - "navUser-indicator-backgroundColor": "#333333", 213 - "navPages-color": "#333333", 214 - "navPages-color-hover": "#757575", 215 - "navPages-subMenu-backgroundColor": "#546153", 216 - "navPages-subMenu-separatorColor": "#cccccc", 217 - "dropdown--quickSearch-backgroundColor": "#e5e5e5", 218 - "dropdown--wishList-backgroundColor": "#ffffff", 219 - "blockquote-cite-font-color": "#999999", 220 - "container-border-global-color-base": "#e5e5e5", 221 - "container-fill-base": "#ffffff", 222 - "container-fill-dark": "#e5e5e5", 223 - "label-backgroundColor": "#cccccc", 224 - "label-color": "#ffffff", 225 - "overlay-backgroundColor": "#333333", 226 - "loadingOverlay-backgroundColor": "#ffffff", 227 - "pace-progress-backgroundColor": "#999999", 228 - "spinner-borderColor-dark": "#999999", 229 - "spinner-borderColor-light": "#ffffff", 230 - "hide_content_navigation": true, 231 - "optimizedCheckout-header-backgroundColor": "#f5f5f5", 232 - "optimizedCheckout-show-backgroundImage": false, 233 - "optimizedCheckout-backgroundImage": "", 234 - "optimizedCheckout-backgroundImage-size": "1000x400", 235 - "optimizedCheckout-show-logo": "none", 236 - "optimizedCheckout-logo": "", 237 - "optimizedCheckout-logo-size": "250x100", 238 - "optimizedCheckout-logo-position": "left", 239 - "optimizedCheckout-headingPrimary-color": "#333333", 240 - "optimizedCheckout-headingPrimary-font": "Google_Montserrat_700", 241 - "optimizedCheckout-headingSecondary-color": "#333333", 242 - "optimizedCheckout-headingSecondary-font": "Google_Montserrat_700", 243 - "optimizedCheckout-body-backgroundColor": "#ffffff", 244 - "optimizedCheckout-colorFocus": "#4496f6", 245 - "optimizedCheckout-contentPrimary-color": "#333333", 246 - "optimizedCheckout-contentPrimary-font": "Google_Montserrat_500", 247 - "optimizedCheckout-contentSecondary-color": "#757575", 248 - "optimizedCheckout-contentSecondary-font": "Google_Montserrat_500", 249 - "optimizedCheckout-buttonPrimary-font": "Google_Montserrat_500", 250 - "optimizedCheckout-buttonPrimary-color": "#ffffff", 251 - "optimizedCheckout-buttonPrimary-colorHover": "#ffffff", 252 - "optimizedCheckout-buttonPrimary-colorActive": "#ffffff", 253 - "optimizedCheckout-buttonPrimary-backgroundColor": "#333333", 254 - "optimizedCheckout-buttonPrimary-backgroundColorHover": "#666666", 255 - "optimizedCheckout-buttonPrimary-backgroundColorActive": "#000000", 256 - "optimizedCheckout-buttonPrimary-borderColor": "#333333", 257 - "optimizedCheckout-buttonPrimary-borderColorHover": "transparent", 258 - "optimizedCheckout-buttonPrimary-borderColorActive": "transparent", 259 - "optimizedCheckout-buttonPrimary-borderColorDisabled": "transparent", 260 - "optimizedCheckout-buttonPrimary-backgroundColorDisabled": "#cccccc", 261 - "optimizedCheckout-buttonPrimary-colorDisabled": "#ffffff", 262 - "optimizedCheckout-formChecklist-backgroundColor": "#ffffff", 263 - "optimizedCheckout-formChecklist-color": "#333333", 264 - "optimizedCheckout-formChecklist-borderColor": "#cccccc", 265 - "optimizedCheckout-formChecklist-backgroundColorSelected": "#f5f5f5", 266 - "optimizedCheckout-buttonSecondary-font": "Google_Montserrat_500", 267 - "optimizedCheckout-buttonSecondary-color": "#333333", 268 - "optimizedCheckout-buttonSecondary-colorHover": "#333333", 269 - "optimizedCheckout-buttonSecondary-colorActive": "#000000", 270 - "optimizedCheckout-buttonSecondary-backgroundColor": "#ffffff", 271 - "optimizedCheckout-buttonSecondary-borderColor": "#cccccc", 272 - "optimizedCheckout-buttonSecondary-backgroundColorHover": "#f5f5f5", 273 - "optimizedCheckout-buttonSecondary-backgroundColorActive": "#e5e5e5", 274 - "optimizedCheckout-buttonSecondary-borderColorHover": "#999999", 275 - "optimizedCheckout-buttonSecondary-borderColorActive": "#757575", 276 - "optimizedCheckout-link-color": "#476bef", 277 - "optimizedCheckout-link-font": "Google_Montserrat_500", 278 - "optimizedCheckout-discountBanner-backgroundColor": "#e5e5e5", 279 - "optimizedCheckout-discountBanner-textColor": "#333333", 280 - "optimizedCheckout-discountBanner-iconColor": "#333333", 281 - "optimizedCheckout-orderSummary-backgroundColor": "#ffffff", 282 - "optimizedCheckout-orderSummary-borderColor": "#dddddd", 283 - "optimizedCheckout-step-backgroundColor": "#757575", 284 - "optimizedCheckout-step-textColor": "#ffffff", 285 - "optimizedCheckout-form-textColor": "#666666", 286 - "optimizedCheckout-formField-borderColor": "#cccccc", 287 - "optimizedCheckout-formField-textColor": "#333333", 288 - "optimizedCheckout-formField-shadowColor": "transparent", 289 - "optimizedCheckout-formField-placeholderColor": "#999999", 290 - "optimizedCheckout-formField-backgroundColor": "#ffffff", 291 - "optimizedCheckout-formField-errorColor": "#d14343", 292 - "optimizedCheckout-formField-inputControlColor": "#476bef", 293 - "optimizedCheckout-step-borderColor": "#dddddd", 294 - "optimizedCheckout-header-borderColor": "#dddddd", 295 - "optimizedCheckout-header-textColor": "#333333", 296 - "optimizedCheckout-loadingToaster-backgroundColor": "#333333", 297 - "optimizedCheckout-loadingToaster-textColor": "#ffffff", 298 - "optimizedCheckout-link-hoverColor": "#002fe1", 299 - "product_sale_badges": "none", 300 - "color_badge_product_sale_badges": "#007dc6", 301 - "color_text_product_sale_badges": "#ffffff", 302 - "color_hover_product_sale_badges": "#000000", 303 - "product_sold_out_badges": "none", 304 - "color_badge_product_sold_out_badges": "#007dc6", 305 - "color_text_product_sold_out_badges": "#ffffff", 306 - "color_hover_product_sold_out_badges": "#000000", 307 - "focusTooltip-textColor": "#ffffff", 308 - "focusTooltip-backgroundColor": "#313440", 309 - "swatch_option_size": "22x22", 310 - "social_icon_placement_top": false, 311 - "social_icon_placement_bottom": "bottom_right", 312 - "navigation_design": "simple", 313 - "price_ranges": true, 314 - "pdp-price-label": "", 315 - "pdp_sale_badge_label": "", 316 - "pdp_sold_out_label": "", 317 - "pdp-sale-price-label": "", 318 - "pdp-non-sale-price-label": "", 319 - "pdp-retail-price-label": "", 320 - "pdp-custom-fields-tab-label": "", 321 - "paymentbuttons-paypal-accelerated-checkout-color": "#444", 322 - "paymentbuttons-paypal-accelerated-content-font-family": "Montserrat, Arial, Helvetica, sans-serif", 323 - "paymentbuttons-paypal-accelerated-content-font-weight": "400", 324 - "paymentbuttons-paypal-accelerated-content-color": "white", 325 - "paymentbuttons-paypal-accelerated-content-label": "checkout", 326 - "paymentbuttons-paypal-accelerated-border-color": "black", 327 - "paymentbuttons-paypal-color": "gold", 328 - "paymentbuttons-paypal-shape": "rect", 329 - "paymentbuttons-paypal-label": "checkout", 330 - "paymentbanners-homepage-color": "white", 331 - "paymentbanners-homepage-ratio": "8x1", 332 - "paymentbanners-cartpage-text-color": "black", 333 - "paymentbanners-cartpage-logo-position": "left", 334 - "paymentbanners-cartpage-logo-type": "primary", 335 - "paymentbanners-proddetailspage-color": "white", 336 - "paymentbanners-proddetailspage-ratio": "8x1", 337 - "paymentbuttons-container": "medium", 338 - "supported_card_type_icons": ["american_express", "diners_club", "discover", "mastercard", "unionpay", "visa"], 339 - "supported_payment_methods": ["card", "paypal", "bank"], 340 - "lazyload_mode": "lazyload+lqip", 341 - "checkout-paymentbuttons-paypal-color": "black", 342 - "checkout-paymentbuttons-paypal-shape": "rect", 343 - "checkout-paymentbuttons-paypal-size": "large", 344 - "checkout-paymentbuttons-paypal-label": "pay", 345 - "paymentbuttons-number-of-buttons": 1, 346 - "googlepay-button-color": "black", 347 - "afterpay-button-color": "black-mint", 348 - "amazon-button-color": "Gold", 349 - "masterpass-button-color": "black", 350 - "paymentbuttons-provider-sorting": [] 351 - }, 352 - "read_only_files": [ 353 - "/assets/scss/components/citadel", 354 - "/assets/scss/components/foundation", 355 - "/assets/scss/components/vendor", 356 - "/assets/scss/settings/citadel", 357 - "/assets/scss/settings/foundation", 358 - "/assets/scss/settings/normalize", 359 - "/assets/scss/settings/vendor", 360 - "/assets/scss/vendor" 361 - ], 362 - "resources": { 363 - "cart": false, 364 - "bulk_discount_rates": false, 365 - "shop_by_brand": { 366 - "limit": 10 367 - } 368 - }, 369 - "variations": [ 370 - { 371 - "name": "Light", 372 - "id": "light", 373 - "meta": { 374 - "desktop_screenshot": "desktop_light.png", 375 - "mobile_screenshot": "mobile_light.png", 376 - "description": "Ideal for a wide range of businesses and brands, this design is fully responsive, simple, and ready for you to add your branding, logo, and products. It comes ready to build a clean looking and beautiful store with features such as homepage carousel, social media icons, featured and top selling products, and faceted search (which is available on select BigCommerce plans). Fully express your brand by using our Theme Editor to quickly and easily style your site's fonts and colors, all without the need to write code.", 377 - "demo_url": "https://cornerstone-light-demo.mybigcommerce.com", 378 - "optimized_for": ["multi_purpose", "mobile_tablet_desktop", "sales_discounts", "large_catalog"], 379 - "industries": ["home_garden"] 380 - }, 381 - "images": {}, 382 - "settings": { 2 + "name": "DEV Theme - Friend referral 23/07/2024", 3 + "version": "6.10.0", 4 + "template_engine": "handlebars_v4", 5 + "meta": { 6 + "price": 0, 7 + "documentation_url": "https://support.bigcommerce.com/articles/Public/Cornerstone-Theme-Manual", 8 + "author_name": "BigCommerce", 9 + "author_email": "support@bigcommerce.com", 10 + "author_support_url": "https://support.bigcommerce.com/", 11 + "composed_image": "composed.png", 12 + "features": [ 13 + "fully_responsive", 14 + "mega_navigation", 15 + "multi_tiered_sidebar_menu", 16 + "masonry_design", 17 + "frontpage_slideshow", 18 + "quick_add_to_cart", 19 + "switchable_product_view", 20 + "product_comparison_table", 21 + "complex_search_filtering", 22 + "customizable_product_selector", 23 + "cart_suggested_products", 24 + "free_customer_support", 25 + "free_theme_upgrades", 26 + "high_res_product_images", 27 + "product_filtering", 28 + "advanced_quick_view", 29 + "product_showcase", 30 + "persistent_cart", 31 + "one_page_check_out", 32 + "product_videos", 33 + "customized_checkout", 34 + "enhanced_ecommerce", 35 + "csrf_protection", 36 + "account_payment_methods_v2" 37 + ] 38 + }, 39 + "css_compiler": "scss", 40 + "autoprefixer_cascade": true, 41 + "autoprefixer_browsers": ["> 1%", "last 2 versions", "Firefox ESR"], 42 + "settings": { 383 43 "hide_breadcrumbs": false, 384 44 "hide_page_heading": false, 385 45 "hide_category_page_heading": false, ··· 675 335 "paymentbanners-proddetailspage-color": "white", 676 336 "paymentbanners-proddetailspage-ratio": "8x1", 677 337 "paymentbuttons-container": "medium", 678 - "supported_card_type_icons": ["american_express", "diners_club", "discover", "mastercard", "unionpay", "visa"], 338 + "supported_card_type_icons": [ 339 + "american_express", 340 + "diners_club", 341 + "discover", 342 + "mastercard", 343 + "unionpay", 344 + "visa" 345 + ], 679 346 "supported_payment_methods": ["card", "paypal", "bank"], 680 347 "lazyload_mode": "lazyload+lqip", 681 348 "checkout-paymentbuttons-paypal-color": "black", ··· 688 355 "amazon-button-color": "Gold", 689 356 "masterpass-button-color": "black", 690 357 "paymentbuttons-provider-sorting": [] 691 - } 692 358 }, 693 - { 694 - "name": "Bold", 695 - "id": "bold", 696 - "meta": { 697 - "desktop_screenshot": "desktop_bold.png", 698 - "mobile_screenshot": "mobile_bold.png", 699 - "description": "Ideal for a wide range of businesses and brands, this design is fully responsive, simple, and ready for you to add your branding, logo, and products. It comes ready to build a clean looking and beautiful store with features such as homepage carousel, social media icons, featured and top selling products, and faceted search (which is available on select BigCommerce plans). Fully express your brand by using our Theme Editor to quickly and easily style your site's fonts and colors, all without the need to write code.", 700 - "demo_url": "https://cornerstone-bold-demo.mybigcommerce.com", 701 - "optimized_for": ["multi_purpose", "mobile_tablet_desktop", "sales_discounts", "large_catalog"], 702 - "industries": ["fashion_jewelry"] 703 - }, 704 - "settings": { 705 - "homepage_featured_products_count": 6, 706 - "homepage_featured_products_column_count": 3, 707 - "body-font": "Google_Source+Sans+Pro_400", 708 - "headings-font": "Google_Roboto_400", 709 - "color-textBase": "#ffffff", 710 - "color-textBase--hover": "#bbbbbb", 711 - "color-textBase--active": "#999999", 712 - "color-textSecondary": "#dddddd", 713 - "color-textSecondary--hover": "#ffffff", 714 - "color-textSecondary--active": "#999999", 715 - "color-textLink": "#ffffff", 716 - "color-textLink--hover": "#bbbbbb", 717 - "color-textLink--active": "#999999", 718 - "color-textHeading": "#e5e5e5", 719 - "color-primary": "#ff957f", 720 - "color-primaryDark": "#e6725b", 721 - "color-primaryDarker": "#dc644d", 722 - "color-primaryLight": "#ffb5a6", 723 - "color-secondary": "#85cdcf", 724 - "color-secondaryDark": "#79babd", 725 - "color-secondaryDarker": "#6da9ab", 726 - "color-error": "#ff957f", 727 - "color-errorLight": "#ffdddd", 728 - "color-info": "#666666", 729 - "color-infoLight": "#dfdfdf", 730 - "color-success": "#8adf8f", 731 - "color-successLight": "#d5ffd8", 732 - "color-warning": "#f1a500", 733 - "color-warningLight": "#fffdea", 734 - "color-black": "#ffffff", 735 - "color-white": "#333333", 736 - "color-whitesBase": "#444444", 737 - "color-grey": "#999999", 738 - "color-greyDarkest": "#ffffff", 739 - "color-greyDarker": "#cccccc", 740 - "color-greyDark": "#999999", 741 - "color-greyMedium": "#999999", 742 - "color-greyLight": "#757575", 743 - "color-greyLighter": "#666666", 744 - "color-greyLightest": "#444444", 745 - "banner--deafault-backgroundColor": "#b7b4b4", 746 - "button--default-color": "#cccccc", 747 - "button--default-colorHover": "#ffffff", 748 - "button--default-colorActive": "#ffffff", 749 - "button--default-borderColor": "#999999", 750 - "button--default-borderColorHover": "#cccccc", 751 - "button--default-borderColorActive": "#aaaaaa", 752 - "button--primary-color": "#333333", 753 - "button--primary-colorHover": "#222222", 754 - "button--primary-colorActive": "#222222", 755 - "button--primary-backgroundColor": "#ff957f", 756 - "button--primary-backgroundColorHover": "#f2836d", 757 - "button--primary-backgroundColorActive": "#e6725b", 758 - "button--disabled-color": "#444444", 759 - "button--disabled-backgroundColor": "#757575", 760 - "button--disabled-borderColor": "#757575", 761 - "icon-color": "#ffffff", 762 - "icon-color-hover": "#bbbbbb", 763 - "button--icon-svg-color": "#ffffff", 764 - "icon-ratingEmpty": "#cccccc", 765 - "icon-ratingFull": "#7fc0c2", 766 - "carousel-bgColor": "#444444", 767 - "carousel-title-color": "#ffffff", 768 - "carousel-description-color": "#ffffff", 769 - "carousel-dot-color": "#999999", 770 - "carousel-dot-color-active": "#f08383", 771 - "carousel-dot-bgColor": "#ffffff", 772 - "carousel-arrow-color": "#8F8F8F", 773 - "carousel-arrow-color--hover": "#474747", 774 - "carousel-arrow-bgColor": "#ffffff", 775 - "carousel-arrow-borderColor": "#ffffff", 776 - "carousel-play-pause-button-textColor": "#8F8F8F", 777 - "carousel-play-pause-button-textColor--hover": "#474747", 778 - "carousel-play-pause-button-bgColor": "#ffffff", 779 - "carousel-play-pause-button-borderColor": "#ffffff", 780 - "card-title-color": "#ff957f", 781 - "card-title-color-hover": "#fab9a3", 782 - "card-figcaption-button-background": "#85cdcf", 783 - "card-figcaption-button-color": "#444444", 784 - "card--alternate-backgroundColor": "#555555", 785 - "card--alternate-borderColor": "#555555", 786 - "card--alternate-color--hover": "#ffffff", 787 - "form-label-font-color": "#ffffff", 788 - "input-font-color": "#cccccc", 789 - "input-border-color": "#9f9f9f", 790 - "input-border-color-active": "#cccccc", 791 - "input-bg-color": "#444444", 792 - "input-disabled-bg": "#444444", 793 - "select-bg-color": "#444444", 794 - "select-arrow-color": "#999999", 795 - "checkRadio-color": "#ffffff", 796 - "checkRadio-backgroundColor": "#444444", 797 - "checkRadio-borderColor": "#999999", 798 - "alert-backgroundColor": "#444444", 799 - "alert-color": "#333333", 800 - "alert-color-alt": "#444444", 801 - "storeName-color": "#ffffff", 802 - "body-bg": "#444444", 803 - "header-backgroundColor": "#444444", 804 - "footer-backgroundColor": "#444444", 805 - "navUser-color": "#bbbbbb", 806 - "navUser-color-hover": "#ffffff", 807 - "navUser-dropdown-backgroundColor": "#555555", 808 - "navUser-dropdown-borderColor": "#555555", 809 - "navUser-indicator-backgroundColor": "#ff957f", 810 - "navPages-color": "#ffffff", 811 - "navPages-color-hover": "#bbbbbb", 812 - "navPages-subMenu-backgroundColor": "#555555", 813 - "navPages-subMenu-separatorColor": "#666666", 814 - "dropdown--quickSearch-backgroundColor": "#555555", 815 - "dropdown--wishList-backgroundColor": "#555555", 816 - "blockquote-cite-font-color": "#999999", 817 - "container-border-global-color-base": "#666666", 818 - "container-fill-base": "#555555", 819 - "container-fill-dark": "#333333", 820 - "label-backgroundColor": "#333333", 821 - "label-color": "#ffffff", 822 - "overlay-backgroundColor": "#333333", 823 - "loadingOverlay-backgroundColor": "#444444", 824 - "pace-progress-backgroundColor": "#7fc0c2", 825 - "spinner-borderColor-dark": "#757575", 826 - "spinner-borderColor-light": "#fab9a3", 827 - "optimizedCheckout-header-backgroundColor": "#555555", 828 - "optimizedCheckout-headingPrimary-color": "#eeeeee", 829 - "optimizedCheckout-headingPrimary-font": "Google_Montserrat_700", 830 - "optimizedCheckout-headingSecondary-color": "#ffffff", 831 - "optimizedCheckout-headingSecondary-font": "Google_Montserrat_700", 832 - "optimizedCheckout-body-backgroundColor": "#444444", 833 - "optimizedCheckout-colorFocus": "#79babd", 834 - "optimizedCheckout-contentPrimary-color": "#ffffff", 835 - "optimizedCheckout-contentPrimary-font": "Google_Source+Sans+Pro_400", 836 - "optimizedCheckout-contentSecondary-color": "#bbbbbb", 837 - "optimizedCheckout-contentSecondary-font": "Google_Source+Sans+Pro_400", 838 - "optimizedCheckout-buttonPrimary-font": "Google_Source+Sans+Pro_400", 839 - "optimizedCheckout-buttonPrimary-color": "#333333", 840 - "optimizedCheckout-buttonPrimary-colorHover": "#222222", 841 - "optimizedCheckout-buttonPrimary-colorActive": "#222222", 842 - "optimizedCheckout-buttonPrimary-backgroundColor": "#ff957f", 843 - "optimizedCheckout-buttonPrimary-backgroundColorHover": "#f2836d", 844 - "optimizedCheckout-buttonPrimary-backgroundColorActive": "#e5735c", 845 - "optimizedCheckout-buttonPrimary-borderColor": "#ff957f", 846 - "optimizedCheckout-buttonPrimary-borderColorHover": "#f2836d", 847 - "optimizedCheckout-buttonPrimary-borderColorActive": "#e5735c", 848 - "optimizedCheckout-buttonPrimary-borderColorDisabled": "#444444", 849 - "optimizedCheckout-buttonPrimary-backgroundColorDisabled": "#757575", 850 - "optimizedCheckout-buttonPrimary-colorDisabled": "#757575", 851 - "optimizedCheckout-formChecklist-backgroundColor": "#404040", 852 - "optimizedCheckout-formChecklist-color": "#ffffff", 853 - "optimizedCheckout-formChecklist-borderColor": "#757575", 854 - "optimizedCheckout-formChecklist-backgroundColorSelected": "#505050", 855 - "optimizedCheckout-buttonSecondary-font": "Google_Source+Sans+Pro_400", 856 - "optimizedCheckout-buttonSecondary-color": "#ffffff", 857 - "optimizedCheckout-buttonSecondary-colorHover": "#ffffff", 858 - "optimizedCheckout-buttonSecondary-colorActive": "#ffffff", 859 - "optimizedCheckout-buttonSecondary-backgroundColor": "#444444", 860 - "optimizedCheckout-buttonSecondary-borderColor": "#757575", 861 - "optimizedCheckout-buttonSecondary-backgroundColorHover": "#333333", 862 - "optimizedCheckout-buttonSecondary-backgroundColorActive": "#222222", 863 - "optimizedCheckout-buttonSecondary-borderColorHover": "#757575", 864 - "optimizedCheckout-buttonSecondary-borderColorActive": "#666666", 865 - "optimizedCheckout-link-color": "#ff957f", 866 - "optimizedCheckout-link-font": "Google_Source+Sans+Pro_400", 867 - "optimizedCheckout-discountBanner-backgroundColor": "#e5e5e5", 868 - "optimizedCheckout-discountBanner-textColor": "#333333", 869 - "optimizedCheckout-discountBanner-iconColor": "#333333", 870 - "optimizedCheckout-orderSummary-backgroundColor": "#444444", 871 - "optimizedCheckout-orderSummary-borderColor": "#666666", 872 - "optimizedCheckout-step-backgroundColor": "#ff957f", 873 - "optimizedCheckout-step-textColor": "#333333", 874 - "optimizedCheckout-form-textColor": "#ffffff", 875 - "optimizedCheckout-formField-borderColor": "#757575", 876 - "optimizedCheckout-formField-textColor": "#ffffff", 877 - "optimizedCheckout-formField-shadowColor": "transparent", 878 - "optimizedCheckout-formField-placeholderColor": "#999999", 879 - "optimizedCheckout-formField-backgroundColor": "#404040", 880 - "optimizedCheckout-formField-errorColor": "#ffdb6f", 881 - "optimizedCheckout-formField-inputControlColor": "#79babd", 882 - "optimizedCheckout-step-borderColor": "#757575", 883 - "optimizedCheckout-header-borderColor": "#666666", 884 - "optimizedCheckout-header-textColor": "#eeeeee", 885 - "optimizedCheckout-loadingToaster-backgroundColor": "#333333", 886 - "optimizedCheckout-loadingToaster-textColor": "#ffffff", 887 - "optimizedCheckout-link-hoverColor": "#fab8a2", 888 - "color_badge_product_sale_badges": "#007dc6", 889 - "color_text_product_sale_badges": "#ffffff", 890 - "color_hover_product_sale_badges": "#000000", 891 - "color_badge_product_sold_out_badges": "#007dc6", 892 - "color_text_product_sold_out_badges": "#ffffff", 893 - "color_hover_product_sold_out_badges": "#000000", 894 - "focusTooltip-textColor": "#666666", 895 - "focusTooltip-backgroundColor": "#ffffff" 896 - } 359 + "read_only_files": [ 360 + "/assets/scss/components/citadel", 361 + "/assets/scss/components/foundation", 362 + "/assets/scss/components/vendor", 363 + "/assets/scss/settings/citadel", 364 + "/assets/scss/settings/foundation", 365 + "/assets/scss/settings/normalize", 366 + "/assets/scss/settings/vendor", 367 + "/assets/scss/vendor" 368 + ], 369 + "resources": { 370 + "cart": false, 371 + "bulk_discount_rates": false, 372 + "shop_by_brand": { 373 + "limit": 10 374 + } 897 375 }, 898 - { 899 - "name": "Warm", 900 - "id": "warm", 901 - "meta": { 902 - "desktop_screenshot": "desktop_warm.png", 903 - "mobile_screenshot": "mobile_warm.png", 904 - "description": "Ideal for a wide range of businesses and brands, this design is fully responsive, simple, and ready for you to add your branding, logo, and products. It comes ready to build a clean looking and beautiful store with features such as homepage carousel, social media icons, featured and top selling products, and faceted search (which is available on select BigCommerce plans). Fully express your brand by using our Theme Editor to quickly and easily style your site's fonts and colors, all without the need to write code.", 905 - "demo_url": "https://cornerstone-warm-demo.mybigcommerce.com", 906 - "optimized_for": ["multi_purpose", "mobile_tablet_desktop", "sales_discounts", "large_catalog"], 907 - "industries": ["food_beverage"] 908 - }, 909 - "settings": { 910 - "body-font": "Google_Roboto_400", 911 - "headings-font": "Google_Volkhov_400", 912 - "color-textBase": "#74685c", 913 - "color-textBase--hover": "#4f3f2f", 914 - "color-textBase--active": "#4f3f2f", 915 - "color-textSecondary": "#917052", 916 - "color-textSecondary--hover": "#bd5b00", 917 - "color-textSecondary--active": "#917052", 918 - "color-textLink": "#74685c", 919 - "color-textLink--hover": "#bd5b00", 920 - "color-textLink--active": "#74685c", 921 - "color-textHeading": "#4f3f2f", 922 - "color-primary": "#e6a15c", 923 - "color-primaryDark": "#bd5b00", 924 - "color-primaryDarker": "#2d2d2d", 925 - "color-primaryLight": "#ccbdae", 926 - "color-secondary": "#917052", 927 - "color-secondaryDark": "#e8e8e8", 928 - "color-secondaryDarker": "#e8e8e8", 929 - "color-error": "#ff7d7d", 930 - "color-errorLight": "#ffdddd", 931 - "color-info": "#757575", 932 - "color-infoLight": "#bebebe", 933 - "color-success": "#69d66f", 934 - "color-successLight": "#d5ffd8", 935 - "color-warning": "#d4cb49", 936 - "color-warningLight": "#fffdea", 937 - "color-black": "#000000", 938 - "color-white": "#4f3f2f", 939 - "color-whitesBase": "#444444", 940 - "color-grey": "#4f4f4f", 941 - "color-greyDarkest": "#2d2d2d", 942 - "color-greyDarker": "#454545", 943 - "color-greyDark": "#666666", 944 - "color-greyMedium": "#989898", 945 - "color-greyLight": "#a5a5a5", 946 - "color-greyLighter": "#dfdfdf", 947 - "color-greyLightest": "#e8e8e8", 948 - "banner--deafault-backgroundColor": "#7D644A", 949 - "button--default-color": "#74685c", 950 - "button--default-colorHover": "#4f3f2f", 951 - "button--default-colorActive": "#917052", 952 - "button--default-borderColor": "#A18568", 953 - "button--default-borderColorHover": "#765B42", 954 - "button--default-borderColorActive": "#917052", 955 - "button--primary-color": "#ffffff", 956 - "button--primary-colorHover": "#ffffff", 957 - "button--primary-colorActive": "#ffffff", 958 - "button--primary-backgroundColor": "#4f3f2f", 959 - "button--primary-backgroundColorHover": "#7f5e3f", 960 - "button--primary-backgroundColorActive": "#917052", 961 - "button--disabled-color": "#999999", 962 - "button--disabled-backgroundColor": "#ccbdae", 963 - "button--disabled-borderColor": "#ccbdae", 964 - "icon-color": "#7f5e3f", 965 - "icon-color-hover": "#7f5e3f", 966 - "button--icon-svg-color": "#4f4f4f", 967 - "icon-ratingEmpty": "#A98F75", 968 - "icon-ratingFull": "#7f5e3f", 969 - "carousel-bgColor": "#f3b679", 970 - "carousel-title-color": "#4f3f2f", 971 - "carousel-description-color": "#4f3f2f", 972 - "carousel-dot-color": "#D47A21", 973 - "carousel-dot-color-active": "#D47A21", 974 - "carousel-dot-bgColor": "#4f3f2f", 975 - "carousel-arrow-color": "#D47A21", 976 - "carousel-arrow-color--hover": "#765B42", 977 - "carousel-arrow-bgColor": "#ffffff", 978 - "carousel-arrow-borderColor": "#ffffff", 979 - "carousel-play-pause-button-textColor": "#D47A21", 980 - "carousel-play-pause-button-textColor--hover": "#765B42", 981 - "carousel-play-pause-button-bgColor": "#ffffff", 982 - "carousel-play-pause-button-borderColor": "#ffffff", 983 - "card-title-color": "#bd5b00", 984 - "card-title-color-hover": "#7f5e3f", 985 - "card-figcaption-button-background": "#f3b679", 986 - "card-figcaption-button-color": "#4f3f2f", 987 - "card--alternate-backgroundColor": "#ffffff", 988 - "card--alternate-borderColor": "#ffffff", 989 - "card--alternate-color--hover": "#ffffff", 990 - "form-label-font-color": "#74685c", 991 - "input-font-color": "#4f3f2f", 992 - "input-border-color": "#A18568", 993 - "input-border-color-active": "#765B42", 994 - "input-bg-color": "#ffffff", 995 - "input-disabled-bg": "#ccbdae", 996 - "select-bg-color": "#ffffff", 997 - "select-arrow-color": "#917052", 998 - "checkRadio-color": "#917052", 999 - "checkRadio-backgroundColor": "#ffffff", 1000 - "checkRadio-borderColor": "#A18568", 1001 - "alert-backgroundColor": "#f2eee9", 1002 - "alert-color": "#4f4f4f", 1003 - "alert-color-alt": "#f2eee9", 1004 - "storeName-color": "#917052", 1005 - "body-bg": "#ffffff", 1006 - "header-backgroundColor": "#ffffff", 1007 - "footer-backgroundColor": "#ffffff", 1008 - "navUser-color": "#4f3f2f", 1009 - "navUser-color-hover": "#917052", 1010 - "navUser-dropdown-backgroundColor": "#f2eee9", 1011 - "navUser-dropdown-borderColor": "#f2eee9", 1012 - "navUser-indicator-backgroundColor": "#e6a15c", 1013 - "navPages-color": "#4f3f2f", 1014 - "navPages-color-hover": "#917052", 1015 - "navPages-subMenu-backgroundColor": "#f2eee9", 1016 - "navPages-subMenu-separatorColor": "#ccbdae", 1017 - "dropdown--quickSearch-backgroundColor": "#f2eee9", 1018 - "dropdown--wishList-backgroundColor": "#f2eee9", 1019 - "blockquote-cite-font-color": "#b39c88", 1020 - "container-border-global-color-base": "#ccbdae", 1021 - "container-fill-base": "#ffffff", 1022 - "container-fill-dark": "#f2eee9", 1023 - "label-backgroundColor": "#bd5b00", 1024 - "label-color": "#ffffff", 1025 - "overlay-backgroundColor": "#4f3f2f", 1026 - "loadingOverlay-backgroundColor": "#ffffff", 1027 - "pace-progress-backgroundColor": "#e6a15c", 1028 - "spinner-borderColor-dark": "#e6a15c", 1029 - "spinner-borderColor-light": "#f2eee9", 1030 - "optimizedCheckout-header-backgroundColor": "#f2eee9", 1031 - "optimizedCheckout-headingPrimary-color": "#4f3f2f", 1032 - "optimizedCheckout-headingPrimary-font": "Google_Volkhov_400", 1033 - "optimizedCheckout-headingSecondary-color": "#74685c", 1034 - "optimizedCheckout-headingSecondary-font": "Google_Volkhov_400", 1035 - "optimizedCheckout-body-backgroundColor": "#ffffff", 1036 - "optimizedCheckout-colorFocus": "#6791e6", 1037 - "optimizedCheckout-contentPrimary-color": "#74685c", 1038 - "optimizedCheckout-contentPrimary-font": "Google_Montserrat_500", 1039 - "optimizedCheckout-contentSecondary-color": "#917052", 1040 - "optimizedCheckout-contentSecondary-font": "Google_Montserrat_500", 1041 - "optimizedCheckout-buttonPrimary-font": "Google_Montserrat_500", 1042 - "optimizedCheckout-buttonPrimary-color": "#ffffff", 1043 - "optimizedCheckout-buttonPrimary-colorHover": "#ffffff", 1044 - "optimizedCheckout-buttonPrimary-colorActive": "#ffffff", 1045 - "optimizedCheckout-buttonPrimary-backgroundColor": "#4f3f2f", 1046 - "optimizedCheckout-buttonPrimary-backgroundColorHover": "#74685c", 1047 - "optimizedCheckout-buttonPrimary-backgroundColorActive": "#917052", 1048 - "optimizedCheckout-buttonPrimary-borderColor": "#4f3f2f", 1049 - "optimizedCheckout-buttonPrimary-borderColorHover": "#74685c", 1050 - "optimizedCheckout-buttonPrimary-borderColorActive": "#917052", 1051 - "optimizedCheckout-buttonPrimary-borderColorDisabled": "#ccbdae", 1052 - "optimizedCheckout-buttonPrimary-backgroundColorDisabled": "#ccbdae", 1053 - "optimizedCheckout-buttonPrimary-colorDisabled": "#999999", 1054 - "optimizedCheckout-formChecklist-backgroundColor": "#ffffff", 1055 - "optimizedCheckout-formChecklist-color": "#4f3f2f", 1056 - "optimizedCheckout-formChecklist-borderColor": "#ccbdad", 1057 - "optimizedCheckout-formChecklist-backgroundColorSelected": "#f2eee9", 1058 - "optimizedCheckout-buttonSecondary-font": "Google_Montserrat_500", 1059 - "optimizedCheckout-buttonSecondary-color": "#4f3f2f", 1060 - "optimizedCheckout-buttonSecondary-colorHover": "#4f3f2f", 1061 - "optimizedCheckout-buttonSecondary-colorActive": "#4f3f2f", 1062 - "optimizedCheckout-buttonSecondary-backgroundColor": "#ffffff", 1063 - "optimizedCheckout-buttonSecondary-borderColor": "#ccbdae", 1064 - "optimizedCheckout-buttonSecondary-backgroundColorHover": "#f8f6f4", 1065 - "optimizedCheckout-buttonSecondary-backgroundColorActive": "#f2eee9", 1066 - "optimizedCheckout-buttonSecondary-borderColorHover": "#917052", 1067 - "optimizedCheckout-buttonSecondary-borderColorActive": "#917052", 1068 - "optimizedCheckout-link-color": "#bd5b00", 1069 - "optimizedCheckout-link-font": "Google_Montserrat_500", 1070 - "optimizedCheckout-discountBanner-backgroundColor": "#f2eee9", 1071 - "optimizedCheckout-discountBanner-textColor": "#333333", 1072 - "optimizedCheckout-discountBanner-iconColor": "#333333", 1073 - "optimizedCheckout-orderSummary-backgroundColor": "#ffffff", 1074 - "optimizedCheckout-orderSummary-borderColor": "#e0d7ce", 1075 - "optimizedCheckout-step-backgroundColor": "#74685c", 1076 - "optimizedCheckout-step-textColor": "#ffffff", 1077 - "optimizedCheckout-form-textColor": "#4f3f2f", 1078 - "optimizedCheckout-formField-borderColor": "#ccbdae", 1079 - "optimizedCheckout-formField-textColor": "#4f3f2f", 1080 - "optimizedCheckout-formField-shadowColor": "transparent", 1081 - "optimizedCheckout-formField-placeholderColor": "#999999", 1082 - "optimizedCheckout-formField-backgroundColor": "#ffffff", 1083 - "optimizedCheckout-formField-errorColor": "#d14343", 1084 - "optimizedCheckout-formField-inputControlColor": "#bd5b00", 1085 - "optimizedCheckout-step-borderColor": "#ccbdad", 1086 - "optimizedCheckout-header-borderColor": "#e0d7ce", 1087 - "optimizedCheckout-header-textColor": "#74685c", 1088 - "optimizedCheckout-loadingToaster-backgroundColor": "#4f3f2f", 1089 - "optimizedCheckout-loadingToaster-textColor": "#ffffff", 1090 - "optimizedCheckout-link-hoverColor": "#994a00", 1091 - "color_badge_product_sale_badges": "#007dc6", 1092 - "color_text_product_sale_badges": "#ffffff", 1093 - "color_hover_product_sale_badges": "#000000", 1094 - "color_badge_product_sold_out_badges": "#007dc6", 1095 - "color_text_product_sold_out_badges": "#ffffff", 1096 - "color_hover_product_sold_out_badges": "#000000", 1097 - "focusTooltip-textColor": "#ffffff", 1098 - "focusTooltip-backgroundColor": "#313440" 1099 - } 1100 - } 1101 - ] 376 + "variations": [ 377 + { 378 + "name": "Light", 379 + "id": "light", 380 + "meta": { 381 + "desktop_screenshot": "desktop_light.png", 382 + "mobile_screenshot": "mobile_light.png", 383 + "description": "Ideal for a wide range of businesses and brands, this design is fully responsive, simple, and ready for you to add your branding, logo, and products. It comes ready to build a clean looking and beautiful store with features such as homepage carousel, social media icons, featured and top selling products, and faceted search (which is available on select BigCommerce plans). Fully express your brand by using our Theme Editor to quickly and easily style your site's fonts and colors, all without the need to write code.", 384 + "demo_url": "https://cornerstone-light-demo.mybigcommerce.com", 385 + "optimized_for": [ 386 + "multi_purpose", 387 + "mobile_tablet_desktop", 388 + "sales_discounts", 389 + "large_catalog" 390 + ], 391 + "industries": ["home_garden"] 392 + }, 393 + "images": {}, 394 + "settings": { 395 + "hide_breadcrumbs": false, 396 + "hide_page_heading": false, 397 + "hide_category_page_heading": false, 398 + "hide_blog_page_heading": false, 399 + "hide_contact_us_page_heading": false, 400 + "homepage_new_products_count": 0, 401 + "homepage_featured_products_count": 4, 402 + "homepage_top_products_count": 0, 403 + "homepage_show_carousel": true, 404 + "homepage_show_carousel_arrows": true, 405 + "homepage_show_carousel_play_pause_button": false, 406 + "homepage_stretch_carousel_images": false, 407 + "homepage_new_products_column_count": 5, 408 + "homepage_featured_products_column_count": 5, 409 + "homepage_top_products_column_count": 5, 410 + "homepage_blog_posts_count": 3, 411 + "productpage_videos_count": 8, 412 + "productpage_reviews_count": 9, 413 + "productpage_related_products_count": 10, 414 + "productpage_similar_by_views_count": 10, 415 + "categorypage_products_per_page": 12, 416 + "shop_by_price_visibility": true, 417 + "brandpage_products_per_page": 12, 418 + "searchpage_products_per_page": 12, 419 + "show_product_quick_view": false, 420 + "show_powered_by": false, 421 + "shop_by_brand_show_footer": false, 422 + "show_copyright_footer": true, 423 + "show_accept_amex": false, 424 + "show_accept_discover": false, 425 + "show_accept_mastercard": true, 426 + "show_accept_paypal": false, 427 + "show_accept_visa": true, 428 + "show_accept_amazonpay": false, 429 + "show_accept_googlepay": false, 430 + "show_accept_klarna": false, 431 + "show_product_details_tabs": true, 432 + "show_product_reviews": true, 433 + "show_quick_payment_buttons": true, 434 + "show_custom_fields_tabs": false, 435 + "show_product_weight": true, 436 + "show_product_dimensions": false, 437 + "show_product_swatch_names": true, 438 + "product_list_display_mode": "grid", 439 + "logo-position": "left", 440 + "logo_size": "250x100", 441 + "logo_fontSize": 28, 442 + "brand_size": "190x250", 443 + "gallery_size": "300x300", 444 + "productgallery_size": "500x659", 445 + "product_size": "500x659", 446 + "productview_thumb_size": "80x80", 447 + "productthumb_size": "100x100", 448 + "thumb_size": "100x100", 449 + "zoom_size": "1280x1280", 450 + "blog_size": "190x250", 451 + "default_image_brand": "img/BrandDefault.gif", 452 + "default_image_product": "img/ProductDefault.gif", 453 + "default_image_gift_certificate": "img/GiftCertificate.png", 454 + "body-font": "Google_Karla_400", 455 + "headings-font": "Google_Montserrat_400", 456 + "fontSize-root": 16, 457 + "fontSize-h1": 28, 458 + "fontSize-h2": 38, 459 + "fontSize-h3": 22, 460 + "fontSize-h4": 20, 461 + "fontSize-h5": 15, 462 + "fontSize-h6": 13, 463 + "applePay-button": "black", 464 + "color-textBase": "#333333", 465 + "color-textBase--hover": "#757575", 466 + "color-textBase--active": "#757575", 467 + "color-textSecondary": "#757575", 468 + "color-textSecondary--hover": "#333333", 469 + "color-textSecondary--active": "#333333", 470 + "color-textLink": "#333333", 471 + "color-textLink--hover": "#757575", 472 + "color-textLink--active": "#757575", 473 + "color-textHeading": "#444444", 474 + "color-primary": "#757575", 475 + "color-primaryDark": "#666666", 476 + "color-primaryDarker": "#333333", 477 + "color-primaryLight": "#999999", 478 + "color-secondary": "#ffffff", 479 + "color-secondaryDark": "#e5e5e5", 480 + "color-secondaryDarker": "#cccccc", 481 + "color-error": "#cc4749", 482 + "color-errorLight": "#ffdddd", 483 + "color-info": "#666666", 484 + "color-infoLight": "#dfdfdf", 485 + "color-success": "#008a06", 486 + "color-successLight": "#d5ffd8", 487 + "color-warning": "#f1a500", 488 + "color-warningLight": "#fffdea", 489 + "color-black": "#ffffff", 490 + "color-white": "#ffffff", 491 + "color-whitesBase": "#e5e5e5", 492 + "color-grey": "#999999", 493 + "color-greyDarkest": "#000000", 494 + "color-greyDarker": "#333333", 495 + "color-greyDark": "#666666", 496 + "color-greyMedium": "#757575", 497 + "color-greyLight": "#999999", 498 + "color-greyLighter": "#cccccc", 499 + "color-greyLightest": "#e5e5e5", 500 + "banner--deafault-backgroundColor": "#707070", 501 + "button--default-color": "#666666", 502 + "button--default-colorHover": "#687D6A", 503 + "button--default-colorActive": "#687D6A", 504 + "button--default-borderColor": "#687D6A", 505 + "button--default-borderColorHover": "#687D6A", 506 + "button--default-borderColorActive": "#687D6A", 507 + "button--primary-color": "#ffffff", 508 + "button--primary-colorHover": "#687D6A", 509 + "button--primary-colorActive": "#687D6A", 510 + "button--primary-backgroundColor": "#687D6A", 511 + "button--primary-backgroundColorHover": "#ffffff", 512 + "button--primary-backgroundColorActive": "#ffffff", 513 + "button--disabled-color": "#ffffff", 514 + "button--disabled-backgroundColor": "#cccccc", 515 + "button--disabled-borderColor": "transparent", 516 + "icon-color": "#757575", 517 + "icon-color-hover": "#999999", 518 + "button--icon-svg-color": "#757575", 519 + "icon-ratingEmpty": "#8F8F8F", 520 + "icon-ratingFull": "#474747", 521 + "carousel-bgColor": "#ffffff", 522 + "carousel-title-color": "#ffffff", 523 + "carousel-description-color": "#ffffff", 524 + "carousel-dot-color": "#ffffff", 525 + "carousel-dot-color-active": "#BD9B60", 526 + "carousel-dot-bgColor": "ffffff", 527 + "carousel-arrow-color": "#ffffff", 528 + "carousel-arrow-color--hover": "#BD9B60", 529 + "carousel-arrow-bgColor": "#ffffff", 530 + "carousel-arrow-borderColor": "transparent ", 531 + "carousel-play-pause-button-textColor": "8f8f8f", 532 + "carousel-play-pause-button-textColor--hover": "#474747", 533 + "carousel-play-pause-button-bgColor": "#ffffff", 534 + "carousel-play-pause-button-borderColor": "#ffffff", 535 + "card-title-color": "#333333", 536 + "card-title-color-hover": "#757575", 537 + "card-figcaption-button-background": "#ffffff", 538 + "card-figcaption-button-color": "#333333", 539 + "card--alternate-backgroundColor": "#ffffff", 540 + "card--alternate-borderColor": "#ffffff", 541 + "card--alternate-color--hover": "#ffffff", 542 + "form-label-font-color": "#666666", 543 + "input-font-color": "#666666", 544 + "input-border-color": "#8F8F8F", 545 + "input-border-color-active": "#474747", 546 + "input-bg-color": "#ffffff", 547 + "input-disabled-bg": "#ffffff", 548 + "select-bg-color": "#ffffff", 549 + "select-arrow-color": "#757575", 550 + "checkRadio-color": "#333333", 551 + "checkRadio-backgroundColor": "#ffffff", 552 + "checkRadio-borderColor": "#8f8f8f", 553 + "alert-backgroundColor": "#ffffff", 554 + "alert-color": "#333333", 555 + "alert-color-alt": "#ffffff", 556 + "storeName-color": "#333333", 557 + "body-bg": "#ffffff", 558 + "header-backgroundColor": "#ffffff", 559 + "footer-backgroundColor": "#ffffff", 560 + "navUser-color": "#333333", 561 + "navUser-color-hover": "#757575", 562 + "navUser-dropdown-backgroundColor": "#ffffff", 563 + "navUser-dropdown-borderColor": "#cccccc", 564 + "navUser-indicator-backgroundColor": "#333333", 565 + "navPages-color": "#333333", 566 + "navPages-color-hover": "#757575", 567 + "navPages-subMenu-backgroundColor": "#546153", 568 + "navPages-subMenu-separatorColor": "#cccccc", 569 + "dropdown--quickSearch-backgroundColor": "#e5e5e5", 570 + "dropdown--wishList-backgroundColor": "#ffffff", 571 + "blockquote-cite-font-color": "#999999", 572 + "container-border-global-color-base": "#e5e5e5", 573 + "container-fill-base": "#ffffff", 574 + "container-fill-dark": "#e5e5e5", 575 + "label-backgroundColor": "#cccccc", 576 + "label-color": "#ffffff", 577 + "overlay-backgroundColor": "#333333", 578 + "loadingOverlay-backgroundColor": "#ffffff", 579 + "pace-progress-backgroundColor": "#999999", 580 + "spinner-borderColor-dark": "#999999", 581 + "spinner-borderColor-light": "#ffffff", 582 + "hide_content_navigation": true, 583 + "optimizedCheckout-header-backgroundColor": "#f5f5f5", 584 + "optimizedCheckout-show-backgroundImage": false, 585 + "optimizedCheckout-backgroundImage": "", 586 + "optimizedCheckout-backgroundImage-size": "1000x400", 587 + "optimizedCheckout-show-logo": "none", 588 + "optimizedCheckout-logo": "", 589 + "optimizedCheckout-logo-size": "250x100", 590 + "optimizedCheckout-logo-position": "left", 591 + "optimizedCheckout-headingPrimary-color": "#333333", 592 + "optimizedCheckout-headingPrimary-font": "Google_Montserrat_700", 593 + "optimizedCheckout-headingSecondary-color": "#333333", 594 + "optimizedCheckout-headingSecondary-font": "Google_Montserrat_700", 595 + "optimizedCheckout-body-backgroundColor": "#ffffff", 596 + "optimizedCheckout-colorFocus": "#4496f6", 597 + "optimizedCheckout-contentPrimary-color": "#333333", 598 + "optimizedCheckout-contentPrimary-font": "Google_Montserrat_500", 599 + "optimizedCheckout-contentSecondary-color": "#757575", 600 + "optimizedCheckout-contentSecondary-font": "Google_Montserrat_500", 601 + "optimizedCheckout-buttonPrimary-font": "Google_Montserrat_500", 602 + "optimizedCheckout-buttonPrimary-color": "#ffffff", 603 + "optimizedCheckout-buttonPrimary-colorHover": "#ffffff", 604 + "optimizedCheckout-buttonPrimary-colorActive": "#ffffff", 605 + "optimizedCheckout-buttonPrimary-backgroundColor": "#333333", 606 + "optimizedCheckout-buttonPrimary-backgroundColorHover": "#666666", 607 + "optimizedCheckout-buttonPrimary-backgroundColorActive": "#000000", 608 + "optimizedCheckout-buttonPrimary-borderColor": "#333333", 609 + "optimizedCheckout-buttonPrimary-borderColorHover": "transparent", 610 + "optimizedCheckout-buttonPrimary-borderColorActive": "transparent", 611 + "optimizedCheckout-buttonPrimary-borderColorDisabled": "transparent", 612 + "optimizedCheckout-buttonPrimary-backgroundColorDisabled": "#cccccc", 613 + "optimizedCheckout-buttonPrimary-colorDisabled": "#ffffff", 614 + "optimizedCheckout-formChecklist-backgroundColor": "#ffffff", 615 + "optimizedCheckout-formChecklist-color": "#333333", 616 + "optimizedCheckout-formChecklist-borderColor": "#cccccc", 617 + "optimizedCheckout-formChecklist-backgroundColorSelected": "#f5f5f5", 618 + "optimizedCheckout-buttonSecondary-font": "Google_Montserrat_500", 619 + "optimizedCheckout-buttonSecondary-color": "#333333", 620 + "optimizedCheckout-buttonSecondary-colorHover": "#333333", 621 + "optimizedCheckout-buttonSecondary-colorActive": "#000000", 622 + "optimizedCheckout-buttonSecondary-backgroundColor": "#ffffff", 623 + "optimizedCheckout-buttonSecondary-borderColor": "#cccccc", 624 + "optimizedCheckout-buttonSecondary-backgroundColorHover": "#f5f5f5", 625 + "optimizedCheckout-buttonSecondary-backgroundColorActive": "#e5e5e5", 626 + "optimizedCheckout-buttonSecondary-borderColorHover": "#999999", 627 + "optimizedCheckout-buttonSecondary-borderColorActive": "#757575", 628 + "optimizedCheckout-link-color": "#476bef", 629 + "optimizedCheckout-link-font": "Google_Montserrat_500", 630 + "optimizedCheckout-discountBanner-backgroundColor": "#e5e5e5", 631 + "optimizedCheckout-discountBanner-textColor": "#333333", 632 + "optimizedCheckout-discountBanner-iconColor": "#333333", 633 + "optimizedCheckout-orderSummary-backgroundColor": "#ffffff", 634 + "optimizedCheckout-orderSummary-borderColor": "#dddddd", 635 + "optimizedCheckout-step-backgroundColor": "#757575", 636 + "optimizedCheckout-step-textColor": "#ffffff", 637 + "optimizedCheckout-form-textColor": "#666666", 638 + "optimizedCheckout-formField-borderColor": "#cccccc", 639 + "optimizedCheckout-formField-textColor": "#333333", 640 + "optimizedCheckout-formField-shadowColor": "transparent", 641 + "optimizedCheckout-formField-placeholderColor": "#999999", 642 + "optimizedCheckout-formField-backgroundColor": "#ffffff", 643 + "optimizedCheckout-formField-errorColor": "#d14343", 644 + "optimizedCheckout-formField-inputControlColor": "#476bef", 645 + "optimizedCheckout-step-borderColor": "#dddddd", 646 + "optimizedCheckout-header-borderColor": "#dddddd", 647 + "optimizedCheckout-header-textColor": "#333333", 648 + "optimizedCheckout-loadingToaster-backgroundColor": "#333333", 649 + "optimizedCheckout-loadingToaster-textColor": "#ffffff", 650 + "optimizedCheckout-link-hoverColor": "#002fe1", 651 + "product_sale_badges": "none", 652 + "color_badge_product_sale_badges": "#007dc6", 653 + "color_text_product_sale_badges": "#ffffff", 654 + "color_hover_product_sale_badges": "#000000", 655 + "product_sold_out_badges": "none", 656 + "color_badge_product_sold_out_badges": "#007dc6", 657 + "color_text_product_sold_out_badges": "#ffffff", 658 + "color_hover_product_sold_out_badges": "#000000", 659 + "focusTooltip-textColor": "#ffffff", 660 + "focusTooltip-backgroundColor": "#313440", 661 + "swatch_option_size": "22x22", 662 + "social_icon_placement_top": false, 663 + "social_icon_placement_bottom": "bottom_right", 664 + "navigation_design": "simple", 665 + "price_ranges": true, 666 + "pdp-price-label": "", 667 + "pdp_sale_badge_label": "", 668 + "pdp_sold_out_label": "", 669 + "pdp-sale-price-label": "", 670 + "pdp-non-sale-price-label": "", 671 + "pdp-retail-price-label": "", 672 + "pdp-custom-fields-tab-label": "", 673 + "paymentbuttons-paypal-accelerated-checkout-color": "#444", 674 + "paymentbuttons-paypal-accelerated-content-font-family": "Montserrat, Arial, Helvetica, sans-serif", 675 + "paymentbuttons-paypal-accelerated-content-font-weight": "400", 676 + "paymentbuttons-paypal-accelerated-content-color": "white", 677 + "paymentbuttons-paypal-accelerated-content-label": "checkout", 678 + "paymentbuttons-paypal-accelerated-border-color": "black", 679 + "paymentbuttons-paypal-color": "gold", 680 + "paymentbuttons-paypal-shape": "rect", 681 + "paymentbuttons-paypal-label": "checkout", 682 + "paymentbanners-homepage-color": "white", 683 + "paymentbanners-homepage-ratio": "8x1", 684 + "paymentbanners-cartpage-text-color": "black", 685 + "paymentbanners-cartpage-logo-position": "left", 686 + "paymentbanners-cartpage-logo-type": "primary", 687 + "paymentbanners-proddetailspage-color": "white", 688 + "paymentbanners-proddetailspage-ratio": "8x1", 689 + "paymentbuttons-container": "medium", 690 + "supported_card_type_icons": [ 691 + "american_express", 692 + "diners_club", 693 + "discover", 694 + "mastercard", 695 + "unionpay", 696 + "visa" 697 + ], 698 + "supported_payment_methods": ["card", "paypal", "bank"], 699 + "lazyload_mode": "lazyload+lqip", 700 + "checkout-paymentbuttons-paypal-color": "black", 701 + "checkout-paymentbuttons-paypal-shape": "rect", 702 + "checkout-paymentbuttons-paypal-size": "large", 703 + "checkout-paymentbuttons-paypal-label": "pay", 704 + "paymentbuttons-number-of-buttons": 1, 705 + "googlepay-button-color": "black", 706 + "afterpay-button-color": "black-mint", 707 + "amazon-button-color": "Gold", 708 + "masterpass-button-color": "black", 709 + "paymentbuttons-provider-sorting": [] 710 + } 711 + }, 712 + { 713 + "name": "Bold", 714 + "id": "bold", 715 + "meta": { 716 + "desktop_screenshot": "desktop_bold.png", 717 + "mobile_screenshot": "mobile_bold.png", 718 + "description": "Ideal for a wide range of businesses and brands, this design is fully responsive, simple, and ready for you to add your branding, logo, and products. It comes ready to build a clean looking and beautiful store with features such as homepage carousel, social media icons, featured and top selling products, and faceted search (which is available on select BigCommerce plans). Fully express your brand by using our Theme Editor to quickly and easily style your site's fonts and colors, all without the need to write code.", 719 + "demo_url": "https://cornerstone-bold-demo.mybigcommerce.com", 720 + "optimized_for": [ 721 + "multi_purpose", 722 + "mobile_tablet_desktop", 723 + "sales_discounts", 724 + "large_catalog" 725 + ], 726 + "industries": ["fashion_jewelry"] 727 + }, 728 + "settings": { 729 + "homepage_featured_products_count": 6, 730 + "homepage_featured_products_column_count": 3, 731 + "body-font": "Google_Source+Sans+Pro_400", 732 + "headings-font": "Google_Roboto_400", 733 + "color-textBase": "#ffffff", 734 + "color-textBase--hover": "#bbbbbb", 735 + "color-textBase--active": "#999999", 736 + "color-textSecondary": "#dddddd", 737 + "color-textSecondary--hover": "#ffffff", 738 + "color-textSecondary--active": "#999999", 739 + "color-textLink": "#ffffff", 740 + "color-textLink--hover": "#bbbbbb", 741 + "color-textLink--active": "#999999", 742 + "color-textHeading": "#e5e5e5", 743 + "color-primary": "#ff957f", 744 + "color-primaryDark": "#e6725b", 745 + "color-primaryDarker": "#dc644d", 746 + "color-primaryLight": "#ffb5a6", 747 + "color-secondary": "#85cdcf", 748 + "color-secondaryDark": "#79babd", 749 + "color-secondaryDarker": "#6da9ab", 750 + "color-error": "#ff957f", 751 + "color-errorLight": "#ffdddd", 752 + "color-info": "#666666", 753 + "color-infoLight": "#dfdfdf", 754 + "color-success": "#8adf8f", 755 + "color-successLight": "#d5ffd8", 756 + "color-warning": "#f1a500", 757 + "color-warningLight": "#fffdea", 758 + "color-black": "#ffffff", 759 + "color-white": "#333333", 760 + "color-whitesBase": "#444444", 761 + "color-grey": "#999999", 762 + "color-greyDarkest": "#ffffff", 763 + "color-greyDarker": "#cccccc", 764 + "color-greyDark": "#999999", 765 + "color-greyMedium": "#999999", 766 + "color-greyLight": "#757575", 767 + "color-greyLighter": "#666666", 768 + "color-greyLightest": "#444444", 769 + "banner--deafault-backgroundColor": "#b7b4b4", 770 + "button--default-color": "#cccccc", 771 + "button--default-colorHover": "#ffffff", 772 + "button--default-colorActive": "#ffffff", 773 + "button--default-borderColor": "#999999", 774 + "button--default-borderColorHover": "#cccccc", 775 + "button--default-borderColorActive": "#aaaaaa", 776 + "button--primary-color": "#333333", 777 + "button--primary-colorHover": "#222222", 778 + "button--primary-colorActive": "#222222", 779 + "button--primary-backgroundColor": "#ff957f", 780 + "button--primary-backgroundColorHover": "#f2836d", 781 + "button--primary-backgroundColorActive": "#e6725b", 782 + "button--disabled-color": "#444444", 783 + "button--disabled-backgroundColor": "#757575", 784 + "button--disabled-borderColor": "#757575", 785 + "icon-color": "#ffffff", 786 + "icon-color-hover": "#bbbbbb", 787 + "button--icon-svg-color": "#ffffff", 788 + "icon-ratingEmpty": "#cccccc", 789 + "icon-ratingFull": "#7fc0c2", 790 + "carousel-bgColor": "#444444", 791 + "carousel-title-color": "#ffffff", 792 + "carousel-description-color": "#ffffff", 793 + "carousel-dot-color": "#999999", 794 + "carousel-dot-color-active": "#f08383", 795 + "carousel-dot-bgColor": "#ffffff", 796 + "carousel-arrow-color": "#8F8F8F", 797 + "carousel-arrow-color--hover": "#474747", 798 + "carousel-arrow-bgColor": "#ffffff", 799 + "carousel-arrow-borderColor": "#ffffff", 800 + "carousel-play-pause-button-textColor": "#8F8F8F", 801 + "carousel-play-pause-button-textColor--hover": "#474747", 802 + "carousel-play-pause-button-bgColor": "#ffffff", 803 + "carousel-play-pause-button-borderColor": "#ffffff", 804 + "card-title-color": "#ff957f", 805 + "card-title-color-hover": "#fab9a3", 806 + "card-figcaption-button-background": "#85cdcf", 807 + "card-figcaption-button-color": "#444444", 808 + "card--alternate-backgroundColor": "#555555", 809 + "card--alternate-borderColor": "#555555", 810 + "card--alternate-color--hover": "#ffffff", 811 + "form-label-font-color": "#ffffff", 812 + "input-font-color": "#cccccc", 813 + "input-border-color": "#9f9f9f", 814 + "input-border-color-active": "#cccccc", 815 + "input-bg-color": "#444444", 816 + "input-disabled-bg": "#444444", 817 + "select-bg-color": "#444444", 818 + "select-arrow-color": "#999999", 819 + "checkRadio-color": "#ffffff", 820 + "checkRadio-backgroundColor": "#444444", 821 + "checkRadio-borderColor": "#999999", 822 + "alert-backgroundColor": "#444444", 823 + "alert-color": "#333333", 824 + "alert-color-alt": "#444444", 825 + "storeName-color": "#ffffff", 826 + "body-bg": "#444444", 827 + "header-backgroundColor": "#444444", 828 + "footer-backgroundColor": "#444444", 829 + "navUser-color": "#bbbbbb", 830 + "navUser-color-hover": "#ffffff", 831 + "navUser-dropdown-backgroundColor": "#555555", 832 + "navUser-dropdown-borderColor": "#555555", 833 + "navUser-indicator-backgroundColor": "#ff957f", 834 + "navPages-color": "#ffffff", 835 + "navPages-color-hover": "#bbbbbb", 836 + "navPages-subMenu-backgroundColor": "#555555", 837 + "navPages-subMenu-separatorColor": "#666666", 838 + "dropdown--quickSearch-backgroundColor": "#555555", 839 + "dropdown--wishList-backgroundColor": "#555555", 840 + "blockquote-cite-font-color": "#999999", 841 + "container-border-global-color-base": "#666666", 842 + "container-fill-base": "#555555", 843 + "container-fill-dark": "#333333", 844 + "label-backgroundColor": "#333333", 845 + "label-color": "#ffffff", 846 + "overlay-backgroundColor": "#333333", 847 + "loadingOverlay-backgroundColor": "#444444", 848 + "pace-progress-backgroundColor": "#7fc0c2", 849 + "spinner-borderColor-dark": "#757575", 850 + "spinner-borderColor-light": "#fab9a3", 851 + "optimizedCheckout-header-backgroundColor": "#555555", 852 + "optimizedCheckout-headingPrimary-color": "#eeeeee", 853 + "optimizedCheckout-headingPrimary-font": "Google_Montserrat_700", 854 + "optimizedCheckout-headingSecondary-color": "#ffffff", 855 + "optimizedCheckout-headingSecondary-font": "Google_Montserrat_700", 856 + "optimizedCheckout-body-backgroundColor": "#444444", 857 + "optimizedCheckout-colorFocus": "#79babd", 858 + "optimizedCheckout-contentPrimary-color": "#ffffff", 859 + "optimizedCheckout-contentPrimary-font": "Google_Source+Sans+Pro_400", 860 + "optimizedCheckout-contentSecondary-color": "#bbbbbb", 861 + "optimizedCheckout-contentSecondary-font": "Google_Source+Sans+Pro_400", 862 + "optimizedCheckout-buttonPrimary-font": "Google_Source+Sans+Pro_400", 863 + "optimizedCheckout-buttonPrimary-color": "#333333", 864 + "optimizedCheckout-buttonPrimary-colorHover": "#222222", 865 + "optimizedCheckout-buttonPrimary-colorActive": "#222222", 866 + "optimizedCheckout-buttonPrimary-backgroundColor": "#ff957f", 867 + "optimizedCheckout-buttonPrimary-backgroundColorHover": "#f2836d", 868 + "optimizedCheckout-buttonPrimary-backgroundColorActive": "#e5735c", 869 + "optimizedCheckout-buttonPrimary-borderColor": "#ff957f", 870 + "optimizedCheckout-buttonPrimary-borderColorHover": "#f2836d", 871 + "optimizedCheckout-buttonPrimary-borderColorActive": "#e5735c", 872 + "optimizedCheckout-buttonPrimary-borderColorDisabled": "#444444", 873 + "optimizedCheckout-buttonPrimary-backgroundColorDisabled": "#757575", 874 + "optimizedCheckout-buttonPrimary-colorDisabled": "#757575", 875 + "optimizedCheckout-formChecklist-backgroundColor": "#404040", 876 + "optimizedCheckout-formChecklist-color": "#ffffff", 877 + "optimizedCheckout-formChecklist-borderColor": "#757575", 878 + "optimizedCheckout-formChecklist-backgroundColorSelected": "#505050", 879 + "optimizedCheckout-buttonSecondary-font": "Google_Source+Sans+Pro_400", 880 + "optimizedCheckout-buttonSecondary-color": "#ffffff", 881 + "optimizedCheckout-buttonSecondary-colorHover": "#ffffff", 882 + "optimizedCheckout-buttonSecondary-colorActive": "#ffffff", 883 + "optimizedCheckout-buttonSecondary-backgroundColor": "#444444", 884 + "optimizedCheckout-buttonSecondary-borderColor": "#757575", 885 + "optimizedCheckout-buttonSecondary-backgroundColorHover": "#333333", 886 + "optimizedCheckout-buttonSecondary-backgroundColorActive": "#222222", 887 + "optimizedCheckout-buttonSecondary-borderColorHover": "#757575", 888 + "optimizedCheckout-buttonSecondary-borderColorActive": "#666666", 889 + "optimizedCheckout-link-color": "#ff957f", 890 + "optimizedCheckout-link-font": "Google_Source+Sans+Pro_400", 891 + "optimizedCheckout-discountBanner-backgroundColor": "#e5e5e5", 892 + "optimizedCheckout-discountBanner-textColor": "#333333", 893 + "optimizedCheckout-discountBanner-iconColor": "#333333", 894 + "optimizedCheckout-orderSummary-backgroundColor": "#444444", 895 + "optimizedCheckout-orderSummary-borderColor": "#666666", 896 + "optimizedCheckout-step-backgroundColor": "#ff957f", 897 + "optimizedCheckout-step-textColor": "#333333", 898 + "optimizedCheckout-form-textColor": "#ffffff", 899 + "optimizedCheckout-formField-borderColor": "#757575", 900 + "optimizedCheckout-formField-textColor": "#ffffff", 901 + "optimizedCheckout-formField-shadowColor": "transparent", 902 + "optimizedCheckout-formField-placeholderColor": "#999999", 903 + "optimizedCheckout-formField-backgroundColor": "#404040", 904 + "optimizedCheckout-formField-errorColor": "#ffdb6f", 905 + "optimizedCheckout-formField-inputControlColor": "#79babd", 906 + "optimizedCheckout-step-borderColor": "#757575", 907 + "optimizedCheckout-header-borderColor": "#666666", 908 + "optimizedCheckout-header-textColor": "#eeeeee", 909 + "optimizedCheckout-loadingToaster-backgroundColor": "#333333", 910 + "optimizedCheckout-loadingToaster-textColor": "#ffffff", 911 + "optimizedCheckout-link-hoverColor": "#fab8a2", 912 + "color_badge_product_sale_badges": "#007dc6", 913 + "color_text_product_sale_badges": "#ffffff", 914 + "color_hover_product_sale_badges": "#000000", 915 + "color_badge_product_sold_out_badges": "#007dc6", 916 + "color_text_product_sold_out_badges": "#ffffff", 917 + "color_hover_product_sold_out_badges": "#000000", 918 + "focusTooltip-textColor": "#666666", 919 + "focusTooltip-backgroundColor": "#ffffff" 920 + } 921 + }, 922 + { 923 + "name": "Warm", 924 + "id": "warm", 925 + "meta": { 926 + "desktop_screenshot": "desktop_warm.png", 927 + "mobile_screenshot": "mobile_warm.png", 928 + "description": "Ideal for a wide range of businesses and brands, this design is fully responsive, simple, and ready for you to add your branding, logo, and products. It comes ready to build a clean looking and beautiful store with features such as homepage carousel, social media icons, featured and top selling products, and faceted search (which is available on select BigCommerce plans). Fully express your brand by using our Theme Editor to quickly and easily style your site's fonts and colors, all without the need to write code.", 929 + "demo_url": "https://cornerstone-warm-demo.mybigcommerce.com", 930 + "optimized_for": [ 931 + "multi_purpose", 932 + "mobile_tablet_desktop", 933 + "sales_discounts", 934 + "large_catalog" 935 + ], 936 + "industries": ["food_beverage"] 937 + }, 938 + "settings": { 939 + "body-font": "Google_Roboto_400", 940 + "headings-font": "Google_Volkhov_400", 941 + "color-textBase": "#74685c", 942 + "color-textBase--hover": "#4f3f2f", 943 + "color-textBase--active": "#4f3f2f", 944 + "color-textSecondary": "#917052", 945 + "color-textSecondary--hover": "#bd5b00", 946 + "color-textSecondary--active": "#917052", 947 + "color-textLink": "#74685c", 948 + "color-textLink--hover": "#bd5b00", 949 + "color-textLink--active": "#74685c", 950 + "color-textHeading": "#4f3f2f", 951 + "color-primary": "#e6a15c", 952 + "color-primaryDark": "#bd5b00", 953 + "color-primaryDarker": "#2d2d2d", 954 + "color-primaryLight": "#ccbdae", 955 + "color-secondary": "#917052", 956 + "color-secondaryDark": "#e8e8e8", 957 + "color-secondaryDarker": "#e8e8e8", 958 + "color-error": "#ff7d7d", 959 + "color-errorLight": "#ffdddd", 960 + "color-info": "#757575", 961 + "color-infoLight": "#bebebe", 962 + "color-success": "#69d66f", 963 + "color-successLight": "#d5ffd8", 964 + "color-warning": "#d4cb49", 965 + "color-warningLight": "#fffdea", 966 + "color-black": "#000000", 967 + "color-white": "#4f3f2f", 968 + "color-whitesBase": "#444444", 969 + "color-grey": "#4f4f4f", 970 + "color-greyDarkest": "#2d2d2d", 971 + "color-greyDarker": "#454545", 972 + "color-greyDark": "#666666", 973 + "color-greyMedium": "#989898", 974 + "color-greyLight": "#a5a5a5", 975 + "color-greyLighter": "#dfdfdf", 976 + "color-greyLightest": "#e8e8e8", 977 + "banner--deafault-backgroundColor": "#7D644A", 978 + "button--default-color": "#74685c", 979 + "button--default-colorHover": "#4f3f2f", 980 + "button--default-colorActive": "#917052", 981 + "button--default-borderColor": "#A18568", 982 + "button--default-borderColorHover": "#765B42", 983 + "button--default-borderColorActive": "#917052", 984 + "button--primary-color": "#ffffff", 985 + "button--primary-colorHover": "#ffffff", 986 + "button--primary-colorActive": "#ffffff", 987 + "button--primary-backgroundColor": "#4f3f2f", 988 + "button--primary-backgroundColorHover": "#7f5e3f", 989 + "button--primary-backgroundColorActive": "#917052", 990 + "button--disabled-color": "#999999", 991 + "button--disabled-backgroundColor": "#ccbdae", 992 + "button--disabled-borderColor": "#ccbdae", 993 + "icon-color": "#7f5e3f", 994 + "icon-color-hover": "#7f5e3f", 995 + "button--icon-svg-color": "#4f4f4f", 996 + "icon-ratingEmpty": "#A98F75", 997 + "icon-ratingFull": "#7f5e3f", 998 + "carousel-bgColor": "#f3b679", 999 + "carousel-title-color": "#4f3f2f", 1000 + "carousel-description-color": "#4f3f2f", 1001 + "carousel-dot-color": "#D47A21", 1002 + "carousel-dot-color-active": "#D47A21", 1003 + "carousel-dot-bgColor": "#4f3f2f", 1004 + "carousel-arrow-color": "#D47A21", 1005 + "carousel-arrow-color--hover": "#765B42", 1006 + "carousel-arrow-bgColor": "#ffffff", 1007 + "carousel-arrow-borderColor": "#ffffff", 1008 + "carousel-play-pause-button-textColor": "#D47A21", 1009 + "carousel-play-pause-button-textColor--hover": "#765B42", 1010 + "carousel-play-pause-button-bgColor": "#ffffff", 1011 + "carousel-play-pause-button-borderColor": "#ffffff", 1012 + "card-title-color": "#bd5b00", 1013 + "card-title-color-hover": "#7f5e3f", 1014 + "card-figcaption-button-background": "#f3b679", 1015 + "card-figcaption-button-color": "#4f3f2f", 1016 + "card--alternate-backgroundColor": "#ffffff", 1017 + "card--alternate-borderColor": "#ffffff", 1018 + "card--alternate-color--hover": "#ffffff", 1019 + "form-label-font-color": "#74685c", 1020 + "input-font-color": "#4f3f2f", 1021 + "input-border-color": "#A18568", 1022 + "input-border-color-active": "#765B42", 1023 + "input-bg-color": "#ffffff", 1024 + "input-disabled-bg": "#ccbdae", 1025 + "select-bg-color": "#ffffff", 1026 + "select-arrow-color": "#917052", 1027 + "checkRadio-color": "#917052", 1028 + "checkRadio-backgroundColor": "#ffffff", 1029 + "checkRadio-borderColor": "#A18568", 1030 + "alert-backgroundColor": "#f2eee9", 1031 + "alert-color": "#4f4f4f", 1032 + "alert-color-alt": "#f2eee9", 1033 + "storeName-color": "#917052", 1034 + "body-bg": "#ffffff", 1035 + "header-backgroundColor": "#ffffff", 1036 + "footer-backgroundColor": "#ffffff", 1037 + "navUser-color": "#4f3f2f", 1038 + "navUser-color-hover": "#917052", 1039 + "navUser-dropdown-backgroundColor": "#f2eee9", 1040 + "navUser-dropdown-borderColor": "#f2eee9", 1041 + "navUser-indicator-backgroundColor": "#e6a15c", 1042 + "navPages-color": "#4f3f2f", 1043 + "navPages-color-hover": "#917052", 1044 + "navPages-subMenu-backgroundColor": "#f2eee9", 1045 + "navPages-subMenu-separatorColor": "#ccbdae", 1046 + "dropdown--quickSearch-backgroundColor": "#f2eee9", 1047 + "dropdown--wishList-backgroundColor": "#f2eee9", 1048 + "blockquote-cite-font-color": "#b39c88", 1049 + "container-border-global-color-base": "#ccbdae", 1050 + "container-fill-base": "#ffffff", 1051 + "container-fill-dark": "#f2eee9", 1052 + "label-backgroundColor": "#bd5b00", 1053 + "label-color": "#ffffff", 1054 + "overlay-backgroundColor": "#4f3f2f", 1055 + "loadingOverlay-backgroundColor": "#ffffff", 1056 + "pace-progress-backgroundColor": "#e6a15c", 1057 + "spinner-borderColor-dark": "#e6a15c", 1058 + "spinner-borderColor-light": "#f2eee9", 1059 + "optimizedCheckout-header-backgroundColor": "#f2eee9", 1060 + "optimizedCheckout-headingPrimary-color": "#4f3f2f", 1061 + "optimizedCheckout-headingPrimary-font": "Google_Volkhov_400", 1062 + "optimizedCheckout-headingSecondary-color": "#74685c", 1063 + "optimizedCheckout-headingSecondary-font": "Google_Volkhov_400", 1064 + "optimizedCheckout-body-backgroundColor": "#ffffff", 1065 + "optimizedCheckout-colorFocus": "#6791e6", 1066 + "optimizedCheckout-contentPrimary-color": "#74685c", 1067 + "optimizedCheckout-contentPrimary-font": "Google_Montserrat_500", 1068 + "optimizedCheckout-contentSecondary-color": "#917052", 1069 + "optimizedCheckout-contentSecondary-font": "Google_Montserrat_500", 1070 + "optimizedCheckout-buttonPrimary-font": "Google_Montserrat_500", 1071 + "optimizedCheckout-buttonPrimary-color": "#ffffff", 1072 + "optimizedCheckout-buttonPrimary-colorHover": "#ffffff", 1073 + "optimizedCheckout-buttonPrimary-colorActive": "#ffffff", 1074 + "optimizedCheckout-buttonPrimary-backgroundColor": "#4f3f2f", 1075 + "optimizedCheckout-buttonPrimary-backgroundColorHover": "#74685c", 1076 + "optimizedCheckout-buttonPrimary-backgroundColorActive": "#917052", 1077 + "optimizedCheckout-buttonPrimary-borderColor": "#4f3f2f", 1078 + "optimizedCheckout-buttonPrimary-borderColorHover": "#74685c", 1079 + "optimizedCheckout-buttonPrimary-borderColorActive": "#917052", 1080 + "optimizedCheckout-buttonPrimary-borderColorDisabled": "#ccbdae", 1081 + "optimizedCheckout-buttonPrimary-backgroundColorDisabled": "#ccbdae", 1082 + "optimizedCheckout-buttonPrimary-colorDisabled": "#999999", 1083 + "optimizedCheckout-formChecklist-backgroundColor": "#ffffff", 1084 + "optimizedCheckout-formChecklist-color": "#4f3f2f", 1085 + "optimizedCheckout-formChecklist-borderColor": "#ccbdad", 1086 + "optimizedCheckout-formChecklist-backgroundColorSelected": "#f2eee9", 1087 + "optimizedCheckout-buttonSecondary-font": "Google_Montserrat_500", 1088 + "optimizedCheckout-buttonSecondary-color": "#4f3f2f", 1089 + "optimizedCheckout-buttonSecondary-colorHover": "#4f3f2f", 1090 + "optimizedCheckout-buttonSecondary-colorActive": "#4f3f2f", 1091 + "optimizedCheckout-buttonSecondary-backgroundColor": "#ffffff", 1092 + "optimizedCheckout-buttonSecondary-borderColor": "#ccbdae", 1093 + "optimizedCheckout-buttonSecondary-backgroundColorHover": "#f8f6f4", 1094 + "optimizedCheckout-buttonSecondary-backgroundColorActive": "#f2eee9", 1095 + "optimizedCheckout-buttonSecondary-borderColorHover": "#917052", 1096 + "optimizedCheckout-buttonSecondary-borderColorActive": "#917052", 1097 + "optimizedCheckout-link-color": "#bd5b00", 1098 + "optimizedCheckout-link-font": "Google_Montserrat_500", 1099 + "optimizedCheckout-discountBanner-backgroundColor": "#f2eee9", 1100 + "optimizedCheckout-discountBanner-textColor": "#333333", 1101 + "optimizedCheckout-discountBanner-iconColor": "#333333", 1102 + "optimizedCheckout-orderSummary-backgroundColor": "#ffffff", 1103 + "optimizedCheckout-orderSummary-borderColor": "#e0d7ce", 1104 + "optimizedCheckout-step-backgroundColor": "#74685c", 1105 + "optimizedCheckout-step-textColor": "#ffffff", 1106 + "optimizedCheckout-form-textColor": "#4f3f2f", 1107 + "optimizedCheckout-formField-borderColor": "#ccbdae", 1108 + "optimizedCheckout-formField-textColor": "#4f3f2f", 1109 + "optimizedCheckout-formField-shadowColor": "transparent", 1110 + "optimizedCheckout-formField-placeholderColor": "#999999", 1111 + "optimizedCheckout-formField-backgroundColor": "#ffffff", 1112 + "optimizedCheckout-formField-errorColor": "#d14343", 1113 + "optimizedCheckout-formField-inputControlColor": "#bd5b00", 1114 + "optimizedCheckout-step-borderColor": "#ccbdad", 1115 + "optimizedCheckout-header-borderColor": "#e0d7ce", 1116 + "optimizedCheckout-header-textColor": "#74685c", 1117 + "optimizedCheckout-loadingToaster-backgroundColor": "#4f3f2f", 1118 + "optimizedCheckout-loadingToaster-textColor": "#ffffff", 1119 + "optimizedCheckout-link-hoverColor": "#994a00", 1120 + "color_badge_product_sale_badges": "#007dc6", 1121 + "color_text_product_sale_badges": "#ffffff", 1122 + "color_hover_product_sale_badges": "#000000", 1123 + "color_badge_product_sold_out_badges": "#007dc6", 1124 + "color_text_product_sold_out_badges": "#ffffff", 1125 + "color_hover_product_sold_out_badges": "#000000", 1126 + "focusTooltip-textColor": "#ffffff", 1127 + "focusTooltip-backgroundColor": "#313440" 1128 + } 1129 + } 1130 + ] 1102 1131 }

+103 -25

templates/pages/account/inbox.html

··· 1 1 {{#partial "page"}} {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}} 2 2 <h1 class="page-heading page-heading--account">Rewards</h1> 3 - {{> components/account/navigation account_page='messages'}} 3 + {{> components/account/navigation account_page='messages'}} {{inject 4 + "customerEmail" customer.email}} 4 5 5 6 <div class="account account--fixed"> 6 7 <div class="account-body"> ··· 86 87 </div> 87 88 </div> 88 89 </div> 89 - {{/if}} {{#if customer_group_name '===' 'Testing Group'}} 90 + {{/if}} {{#if customer_group_name '===' 'Personal'}} 90 91 <div id="friend-referral" class="reward-section"> 91 92 <h2>Refer a friend</h2> 92 93 <p ··· 103 104 >Submit</button 104 105 > 105 106 </form> 107 + <button id="previous-friends-btn" class="button button--primary" 108 + >See previous referrals</button 109 + > 110 + <div id="previous-friends-container"> 111 + <div id="previous-friends-length"></div> 112 + <div id="previous-friends-grid"> 113 + <div 114 + id="previous-friends-grid-title-email" 115 + class="previous-grid-title" 116 + >Email</div 117 + > 118 + <div 119 + id="previous-friends-grid-title-purchased" 120 + class="previous-grid-title" 121 + >Purchased</div 122 + > 123 + </div> 124 + </div> 106 125 </div> 107 126 {{/if}} {{#if customer_group_name '===' 'Breeder'}} 108 127 <div id="breeder-referral" class="reward-section"> ··· 155 174 </section> 156 175 </div> 157 176 </div> 158 - {{#if customer_group_name '===' 'Breeder'}} {{inject "breederEmail" 159 - customer.email}} 177 + {{#if customer_group_name '===' 'Breeder'}} 160 178 <script> 161 179 // sends a referral 162 180 const jsContext = JSON.parse({{jsContext}}); 163 181 const breederReferralForm = document.querySelector('#breeder-referral-form') 164 182 const breederRerferralButton = document.querySelector('#breeder-referral-form .button-primary') 165 183 const breederReferralInput = document.querySelector('#reward-breeder-refer-email') 166 - const breederEmail = jsContext.breederEmail 184 + const breederEmail = jsContext.customerEmail 167 185 const errorMsg = document.querySelector('#breederError') 168 186 // errorMsg.textContent = ""; 169 187 breederReferralForm.addEventListener('submit', (e) => { ··· 203 221 }) 204 222 .catch(err => { 205 223 errorMsg.textContent = err.message 206 - console.log("Error on referral") 207 224 setTimeout(function() { 208 225 e.submitter.classList.remove('disabled') 209 226 }, 750); ··· 266 283 }); 267 284 }); 268 285 </script> 269 - {{/if}} {{#if customer_group_name '===' 'Testing Group'}} {{inject "friendEmail" 270 - customer.email}} 286 + {{/if}} {{#if customer_group_name '===' 'Personal'}} 271 287 <script> 288 + // Friend referral 272 289 const friendJsContext = JSON.parse({{jsContext}}); 273 290 const friendReferralForm = document.querySelector('#friend-referral-form') 274 291 const friendReferralInput = document.querySelector('#reward-friend-refer-email') 275 - const friendEmail = friendJsContext.friendEmail 292 + const customerEmail = friendJsContext.customerEmail 276 293 const friendErrorMsg = document.querySelector('#friendError') 277 294 // errorMsg.textContent = ""; 278 295 friendReferralForm.addEventListener('submit', (e) => { 279 296 e.preventDefault(); 280 297 e.submitter.classList.add('disabled') 281 - // console.log(friendReferralInput.value) 282 - // https://purrform-apps-027e.onrender.com/friendReferralForm?friendEmail=${friendEmail}&customerEmail=${friendReferralInput.value} 283 - // https://4722-188-214-15-243.ngrok-free.app/friendReferralForm?friendEmail=${friendEmail}&customerEmail=${friendReferralInput.value} 284 - fetch(`https://purrform-apps-027e.onrender.com/friendReferralForm?friendEmail=${friendEmail}&customerEmail=${friendReferralInput.value}`, { 298 + 299 + if (friendReferralInput.value.trim() === "") { 300 + friendErrorMsg.textContent = "Error: Field is empty"; 301 + friendErrorMsg.style.color = "red"; 302 + setTimeout(function() { 303 + e.submitter.classList.remove('disabled') 304 + }, 750); 305 + return; 306 + } 307 + 308 + fetch(`https://purrform-apps-027e.onrender.com/friendReferralForm?friendEmail=${friendReferralInput.value}&customerEmail=${customerEmail}`, { 285 309 method: "GET", 286 310 headers: { 287 311 'Content-Type': 'application/json' 288 312 }, 289 313 }) 290 - .then((response) => { 314 + .then(async (response) => { 291 315 if (!response.ok) { 292 - if (response.status == 401) { 293 - friendErrorMsg.textContent = "Error: This email has already been referred."; 294 - friendErrorMsg.style.color = "red"; 295 - } else if (response.status == 402) { 296 - friendErrorMsg.textContent = "Error: Your referral was created, however we couldn't deliver the email to the customer."; 297 - friendErrorMsg.style.color = "red"; 298 - } else { 299 - friendErrorMsg.textContent = "Error: Something went wrong when creating the referral." 300 - friendErrorMsg.style.color = "red"; 301 - } 316 + const message = await response.text() 317 + friendErrorMsg.style.color = "red"; 318 + friendErrorMsg.textContent = message 302 319 } else { 303 320 friendErrorMsg.textContent = "Referral succesful"; 304 321 friendReferralInput.value = ""; ··· 309 326 }, 750); 310 327 }) 311 328 .catch(err => { 329 + friendErrorMsg.style.color = "red"; 312 330 friendErrorMsg.textContent = err.message 313 - console.log("Error on referral") 314 331 setTimeout(function() { 315 332 e.submitter.classList.remove('disabled') 316 333 }, 750); 317 334 }) 318 335 }) 336 + </script> 337 + <script> 338 + // fetches previous referrals 339 + const seePreviousFriendsBtn = document.querySelector( 340 + '#previous-friends-btn' 341 + ); 342 + const previousFriendsLength = document.querySelector( 343 + '#previous-friends-length' 344 + ); 345 + 346 + seePreviousFriendsBtn.addEventListener('click', (e) => { 347 + e.preventDefault(); 348 + fetch( 349 + `https://purrform-apps-027e.onrender.com/getFriendsPreviousReferrals?customerEmail=${customerEmail}`, 350 + { 351 + method: 'GET', 352 + headers: { 353 + 'Content-Type': 'application/json', 354 + }, 355 + } 356 + ) 357 + .then((response) => { 358 + if (!response.ok) { 359 + previousFriendsLength.textContent = 360 + 'Error fetching previous referrals, please try again later.'; 361 + } else { 362 + response.json().then((data) => { 363 + previousFriendsLength.textContent = `You have referred ${data.length} customers.`; 364 + const previousGrid = document.querySelector( 365 + '#previous-friends-grid' 366 + ); 367 + if (data.length > 0) { 368 + // remove previous grid items (for refreshing) 369 + const gridItems = document.querySelectorAll( 370 + '.previous-grid-item' 371 + ); 372 + gridItems.forEach((item) => { 373 + item.remove(); 374 + }); 375 + previousGrid.style.display = 'grid'; 376 + } 377 + data.forEach(({ friend_email, has_purchased }) => { 378 + const email = document.createElement('div'); 379 + email.classList.add('previous-grid-item'); 380 + email.textContent = friend_email; 381 + const purchased = document.createElement('div'); 382 + purchased.classList.add('previous-grid-item'); 383 + purchased.textContent = has_purchased 384 + ? 'Yes' 385 + : 'No'; 386 + previousGrid.appendChild(email); 387 + previousGrid.appendChild(purchased); 388 + }); 389 + }); 390 + } 391 + }) 392 + .catch((err) => { 393 + previousFriendsLength.textContent = 394 + 'Error fetching previous friend referrals, please try again later.'; 395 + }); 396 + }); 319 397 </script> 320 398 {{/if}} 321 399 <script>

Configure Feed

Configure Feed