Integration jQuery Plugin

Create a new Content Block

1. Navigate to the Content Blocks (Top Menu -> Content/Content Blocks).

2. Click on Create a content block button.

3. In the new Content Block view:

a. Add a Title 

b. Content field: In the Editor text, you will find a custom ToolBarItem to add the HTML structure, open the options in the SmarterCommerce button and select the option “Session Expired”.

Click on View HTML button and configure the HTML for the site.

Configure the HTML data attributes in the div mentioned in the next section.

4. Click on Create and the Content Block configuration are finished.

>

Plugin HTML data attributes 

Implementation in Page

Add a Content block widget into the page where the session expired message will display. Recommendation add the content block in the page template (Design > Page Templates).

1. Navigate to Page template and edit the template. Recommendation add this in the Ecommerce Template:

2. Add a Content block widget into the page Template. The content block can be added in any section.

3. On the Content block, click on “More” menu and select “Use shared”, select the content block previously created and click Done selecting.

4. Add the link to the session expired plugin using a javascript plugin widget.

a. Add Javascript widget (Scripts & Styles section) into the Head_JavaScripts_PlaceHolder section in the page template.

b. Select the Link to Javascript file option:

URL: ~/ResourcePackages/Bootstrap4/MVC/Scripts/sc-jquery.sessionexpired.min.js

On “More Options” select to include in “Before the closing body tag” 

c. Click Save

5. Publish Page Template