DEVDOCS-6658 Fix issues in storefront docs

docs/storefront/cart-checkout/guide/consignments.mdx

@@ -71,7 +71,7 @@ X-Auth-Token: {{ACCESS_TOKEN}}
         "state_or_province": "Texas",
         "state_or_province_code": "TX",
         "postal_code": "78751",
-        "phone": "688546",
+        "phone": "+15125550100",
         "custom_fields": [
           {
             "field_id": "field_25",
@@ -99,7 +99,7 @@ X-Auth-Token: {{ACCESS_TOKEN}}
         "state_or_province": "Texas",
         "state_or_province_code": "TX",
         "postal_code": "78751",
-        "phone": "+5185158x1{1-5}",
+        "phone": "+15185550100",
         "custom_fields": [
           {
             "field_id": "field_25",

docs/storefront/cart-checkout/guide/graphql-storefront.mdx

@@ -958,7 +958,7 @@ The current platform limit is 250 metafields for a single cart. When you create
             "stateOrProvinceCode": "CA",
             "countryCode": "US",
             "postalCode": "94061",
-            "phone": "6501231212",
+            "phone": "6505550100",
             "shouldSaveAddress": false
           }
         }
@@ -1028,7 +1028,7 @@ The current platform limit is 250 metafields for a single cart. When you create
                 "stateOrProvinceCode": "CA",
                 "countryCode": "US",
                 "postalCode": "94061",
-                "phone": "6501231212",
+                "phone": "6505550100",
                 "shouldSaveAddress": false
               },
               "lineItems": [

docs/storefront/catalyst/deployment/vercel.mdx

@@ -57,4 +57,4 @@ Once added, navigate back to your Vercel project, click **Deployments** and clic
 
 ## Editing in Makeswift
 
-If you are using Makeswift, you'll need to update the **Host URL** property with the URL of your deployed site on Vercel. Vercel will automatically generate a URL for your project, but you'll probably be using your own custom domain. Regardless, you'll want to update the **Host URL** property within your production Makeswift site, not the development one. You can find this property under **Settings -> Host**. xln
+If you are using Makeswift, you'll need to update the **Host URL** property with the URL of your deployed site on Vercel. Vercel will automatically generate a URL for your project, but you'll probably be using your own custom domain. Regardless, you'll want to update the **Host URL** property within your production Makeswift site, not the development one. You can find this property under **Settings -> Host**.

docs/storefront/catalyst/experiments/buyer-portal.mdx

@@ -8,7 +8,7 @@ The steps in this guide enable Catalyst with the B2B Edition Buyer Portal, which
 
 This implementation primarily handles authentication with the B2B Storefront API and triggering the render of the Buyer Portal on top of Catalyst. It is similar to the experience currently available for BigCommerce's Stencil storefront framework.
 
-If you are looking to integrate directly into Catalyst's routes and components, this can be done by integrating B2B Edition's APIs(/b2b-edition/apis). 
+If you are looking to integrate directly into Catalyst's routes and components, this can be done by integrating [B2B Edition's APIs](/b2b-edition/apis).
 
 <Callout type='info'>  
 Using the default B2B Edition implementation with Catalyst requires support for Customer Access Tokens (CAT). All new B2B Edition stores support this functionality by default. If your store had B2B Edition prior to July 2025, you must contact support to enable this feature.

docs/storefront/graphql/multi-language-support.mdx

@@ -99,7 +99,7 @@ query {
 </Tab>
 <Tab>
 
-```json filename="Get products information for a locale" showlineNumbers copy
+```json filename="Get products information for a locale" showLineNumbers copy
 {
     "data": {
         "shopperPreferences": {

docs/storefront/headless/end-to-end-guides/graphql-storefront.mdx

@@ -599,7 +599,7 @@ This mutation adds a billing address to an existing checkout.
               "stateOrProvinceCode": "CA",
               "countryCode": "US",
               "postalCode": "94061",
-              "phone": "6501231212",
+              "phone": "6505550100",
               "shouldSaveAddress": false
             }
           }
@@ -681,7 +681,7 @@ Make a note of a shipping consignment's `entityId` and the desired shipping opti
                 "stateOrProvinceCode": "CA",
                 "countryCode": "US",
                 "postalCode": "94061",
-                "phone": "6501231212",
+                "phone": "6505550100",
                 "shouldSaveAddress": false
               },
               "lineItems": [

docs/storefront/headless/end-to-end-guides/rest-management.mdx

@@ -399,7 +399,7 @@ After you transform your headless cart into a proper checkout with a billing add
                   "country": "United States",
                   "country_code": "US",
                   "postal_code": "78729",
-                  "phone": "5129247111",
+                  "phone": "5125550101",
                   "custom_fields": []
                 },
                 "address": {
@@ -415,7 +415,7 @@ After you transform your headless cart into a proper checkout with a billing add
                   "country": "United States",
                   "country_code": "US",
                   "postal_code": "78729",
-                  "phone": "5129247111",
+                  "phone": "5125550101",
                   "custom_fields": []
                 },
                 "available_shipping_options": [

docs/storefront/stencil/draft/reference-docs/global-objects-and-properties.mdx

@@ -104,7 +104,7 @@ Global objects and properties are common components shared across the entire Big
 
  ## Categories
 
- **Description:** A array of category objects filled with all categories shown in the current page context; default sorting is by category ID, from lowest to highest.
+ **Description:** An array of category objects filled with all categories shown in the current page context; default sorting is by category ID, from lowest to highest.
 
 **Handlebars Expression:** `{{categories}}`
 

docs/storefront/stencil/themes/checkout-enhancements/paypal-smart-buttons.mdx

@@ -11,7 +11,7 @@ Merchants will have the ability to customize some style aspects of the PayPal pa
 
 Smart Buttons are included on Cornerstone versions 2.6.0+. If your theme does not already include Smart Buttons, append the `paymentbuttons` settings to the _Settings_ object within your <span class="fn">config.json</span> file. See the code sample below.
 
-```json filename="Addition of paymentbuttons to 'settings' object config.json" showlineNumbers copy
+```json filename="Addition of paymentbuttons to 'settings' object config.json" showLineNumbers copy
  "settings": {
     "..."
     "color_badge_product_sale_badges": "#007dc6",

docs/storefront/stencil/themes/checkout-enhancements/wallet-buttons.mdx

@@ -193,7 +193,7 @@ Adding "heading" for a section can be skipped if it was added before.
             "value": "amazonpay",
             "label": "i18n.AmazonProviderSortingLabel",
             "enabledBy": "amazonpay"
-          },
+          }
         ]
       },
       ...

docs/storefront/stencil/themes/localization/translation-keys.mdx

@@ -125,7 +125,7 @@ The corresponding internationalized version would substitute the text with the f
 
 Below is an example based on the Cornerstone’s `templates/components/cart/shipping-estimator.html` file. Here, each highlighted `{{lang...}}` statement abstracts the message indicated by its English-language key to enable internationalization of that message:
 
-```handlebars filename="Example of an internationalized template templates/components/cart/shipping-estimator.html, Cornerstone theme" showlineNumbers copy
+```handlebars filename="Example of an internationalized template templates/components/cart/shipping-estimator.html, Cornerstone theme" showLineNumbers copy
 <div class="shipping-estimator" style="display: none;">
   <form class="estimator-form">
     <button class="shipping-estimate-hide">{{lang 'cancel'}}</button>

docs/storefront/stencil/themes/style/sass.mdx

@@ -7,8 +7,8 @@
 | Custom Sass Function  | Description  |
 |-|-|
 | stencilColor  | `stencilColor` accepts (as a string) the key name of a color that you have defined in <span class="fn">config.json</span> as editable. It returns the color’s hexadecimal value.|
-| stencilFontFamily  | `stencilFontFamily` accepts (as a string) the name of a font key that you have defined in config.json. It returns the corresponding font-family value, also as a string. For a key named "headings-font" and defined as Google Open Sans, `stencilFontFamily` would return a value like this to Sass variables: `$headings-‐font-‐family: 'Open Sans';` (the example's name and definition in config.json are both arbitrary). Your Sass stylesheet must call stencilFontFamily for each <span class="fn">config.json</span> font key whose font-family value you want to provide to Sass variables. You would call the function in the following format (again assuming a key arbitrarily named "headings-font"): `$headings-font-family: stencilFontFamily("headings-font");`. |
-| stencilFontWeight  | `stencilFontWeight` accepts (as a string) the key name of a font that you have defined in config.json. It returns (as an integer) the corresponding font-weight value. For a key arbitrarily named "headings-font" and defined as 700, it would return a value like this to Sass variables: `$headings-‐font-‐weight: 700;` Your Sass stylesheet may optionally call stencilFontWeight for each <span class="fn">config.json</span> font key whose weight value you want to provide to Sass variables. You would call the function in the following format: `$headings-font-weight: stencilFontWeight("headings-font");`.  |
+| stencilFontFamily  | `stencilFontFamily` accepts (as a string) the name of a font key that you have defined in config.json. It returns the corresponding font-family value, also as a string. For a key named "headings-font" and defined as Google Open Sans, `stencilFontFamily` would return a value like this to Sass variables: `$headings--font--family: 'Open Sans';` (the example's name and definition in config.json are both arbitrary). Your Sass stylesheet must call stencilFontFamily for each <span class="fn">config.json</span> font key whose font-family value you want to provide to Sass variables. You would call the function in the following format (again assuming a key arbitrarily named "headings-font"): `$headings-font-family: stencilFontFamily("headings-font");`. |
+| stencilFontWeight  | `stencilFontWeight` accepts (as a string) the key name of a font that you have defined in config.json. It returns (as an integer) the corresponding font-weight value. For a key arbitrarily named "headings-font" and defined as 700, it would return a value like this to Sass variables: `$headings--font--weight: 700;` Your Sass stylesheet may optionally call stencilFontWeight for each <span class="fn">config.json</span> font key whose weight value you want to provide to Sass variables. You would call the function in the following format: `$headings-font-weight: stencilFontWeight("headings-font");`.  |
 | stencilNumber  | `stencilNumber` accepts (as a string) a key name that you have defined in config.json as editable. It also accepts (also as a string) an optional second parameter to define the unit. (This second parameter’s value defaults to `px`.) It returns the corresponding numeric value, postfixed with the defined unit. You can use this function with arithmetical operators. For example, assume that your config.json contains a `font-size` value of `3`. The following statement would evaluate to `9rem`. `stencilNumber("font-size", "rem") * 3`. |
 | stencilString  | `stencilString` accepts (as a string) a key name that you have defined in <span class="fn">config.json</span> as editable. It returns (also as a string) the key’s value. This function is used for purposes like defining font family names, or defining paths to images.  |
 | stencilImage  | `stencilImage` accepts (as a string) a key name for an image url that you have defined in <span class="fn">config.json</span>. It also accepts (as a string) the key name for the image size that you have defined in <span class="fn">config.json</span>. It returns the string value of the image URL and the size.  |