Navigating Frontend

Introduction

This guide will introduce you to navigating Shogun Frontend. Prior to logging in, a Shogun representative will need to set up your account in Shogun Frontend. Please contact sales or support to set up your account.

Getting Started

  1. Navigate to frontend.getshogun.com in your browser. At this time, we recommend using a Chromium-based browser such as Google Chrome.
463463
  1. Log in using the Google account for your organization. You are able to register non-gmail.com domains with Google Authentication. If your organization does not use Google accounts, your Shogun representative can set up your account using a personal Google account.

  2. After logging in, you will be directed to the dashboard where you will see a list of your stores as well as their status. The external link icon beside your store's name will open your published store in a new tab.

  3. Click on your store's name to continue.

You can log out of your account from anywhere in Frontend by clicking Log Out in the sidebar.

Navigating Frontend

Global Navigation Bar

You will see the global navigation bar at the top of the page. From the global navigation bar, you can build and publish changes to your store from anywhere in Frontend and switch stores.

13471347

Clicking View and Publish Changes will take you to a list of pending changes. Click the Publish button in the upper left to publish your changes.

13581358

Sidebar

You will use the sidebar to navigate to the areas within Frontend. From here you can navigate to your sections, pages, templates, frames, and content as well as access your settings.

6565

Sections

You will create and edit your sections here. See Key Concepts for more information about sections.

12831283

Click any section name to navigate to the Frontend IDE where you can view your section code and edit your section.

12851285

Pages

You will find all pages that comprise your store, their path, and status here. The search box at the top will search for everything containing the keywords you enter, including the page path.

12821282

Clicking any page name will take you to the XM where you can edit your page.

12801280

Templates

Here you will add and edit templates. See Key Concepts for more information about templates. The search box at the top will search for everything containing the keywords you enter.

12801280

Click on any template to go to the Experience Manager (XM), where you will edit your templates.

12851285

Frames

Frames allow you to create header and footer sections that can be applied across all templates and pages. See Frames for more information. Selecting any frame will take you to the XM where you can edit your frames.

12821282 12851285

Content

Clicking Content in the sidebar will take you to the Content Management System (CMS) and a list of content groups and items. See Key Concepts for more information about CMS content. The search box at the top will search for everything containing the keywords you enter.

14201420

Settings

The settings button in the sidebar will take you to your store settings. See Key Concepts for more information about which settings you can edit here.

12751275