https://github.com/michaellwest/westco-sxa-extensions

Sitecore Experience Accelerator (SXA) extensions
https://github.com/michaellwest/westco-sxa-extensions

sitecore sitecore-experience-accelerator

Last synced: 3 months ago
JSON representation

Sitecore Experience Accelerator (SXA) extensions

• Host: GitHub
• URL: https://github.com/michaellwest/westco-sxa-extensions
• Owner: michaellwest
• License: mit
• Created: 2017-05-04T22:43:20.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-06-22T15:35:56.000Z (over 2 years ago)
• Last Synced: 2024-05-01T19:23:59.481Z (6 months ago)
• Topics: sitecore, sitecore-experience-accelerator
• Language: C#
• Size: 741 KB
• Stars: 8
• Watchers: 6
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: license.md

Awesome Lists containing this project

• Awesome-Sitecore - Westco SXA Extensions - Sitecore Experience Accelerator (SXA) extensions. (SXA (Sitecore Experience Accelerator))

README

        
# Westco SXA Extensions

**Westco SXA Extensions** is a set of extensions for **Sitecore Experience Accelerator** module.

Solution follows [Helix](http://helix.sitecore.net/).

Current **Westco SXA Extensions** project is compatible with:

| Product   |      Version      |  Revision |

|----------|:-------------:|:------:|

| Sitecore |  **8.2** | rev. 171121 |

| SXA  |  **1.6** | rev. 180103 |

[![License](https://img.shields.io/badge/license-MIT%20License-brightgreen.svg)](https://opensource.org/licenses/MIT)

## Setup

Getting started is fairly straightforward. Install the package.

---

## Asset Include

Create a new tenant and ensure that the _Westco Theming_ feature is enabled.

![Imgur](https://i.imgur.com/cyOjzyk.png)

Create a new site and ensure that the _Westco Geospatial_ and _Westco Maps_ features are enabled. These two are similar to those OOTB with SXA but offer a Static Maps component.

![Imgur](https://i.imgur.com/deW28II.png)

### Assets served by a CDN with local fallback

In the _Media Library_ you simply create new **Assets** to represent your JavaScript and CSS resources from a CDN.

![Imgur](https://i.imgur.com/QAvZ7nz.png)

**Note:** The Url, SRI, and CORS values are all made available by the CDN.

You can associate assets at a site level by specifying on the **Settings** item in the **Asset Configuration** section.

![Imgur](https://i.imgur.com/ZJpBR9Y.png)

You can associate assets on a page level by specifying in the **Asset Configuration** section.

![Imgur](https://i.imgur.com/0W3jdoi.png)

Finally, see that the Html is injected in the `` and ``.

![Imgur](https://i.imgur.com/xNO4dy2.png)

The final Html output may look like the following:

```html

window.jQuery || document.write('<script src="/-/media/Assets/jquery/jquery-3-2-1/Scripts/optimized-min.js?t=20170614T032244Z">\x3C/script>')

console.log('Run after CDN link and fallback test.');

```

### Asset modes

The configured mode determines the type of html to generate.

- Disabled : Asset is ignored completely.

- Script : Asset and raw content rendered using ``.

- ScriptAsync : Same as **Script** plus the `async` attribute.

- ScriptDefer : Same as **Script** the `defer` attribute.

- Style : Asset and raw content rendered using `<style>` and `<link>`.

### Url and SRI

The details needed for specifying the Url and SRI can be found on [cdnjs.com](https://cdnjs.com/libraries/jquery)

![Imgur](https://i.imgur.com/9AepjZa.png)

---

| [![Michael West](https://gravatar.com/avatar/a2914bafbdf4e967701eb4732bde01c5?s=220)](https://github.com/michaellwest) |

| --- |

| [Michael West](https://michaellwest.blogspot.com) |