Slider for Shogun

Before following this guide make sure the App Embed is activated

App Embed activation

Step 1: Create new Custom Element in Shogun editor

Go to "Advanced" tab and click "New custom element":

Add new Custom Element in Shogun

Insert the code and click "Save"

<div class="pmslider-manual-install">
</div>

Insert Product Page Slider code

Step 2: Open the Product Page in Shogun editor

Or create a new one from the template:

New Shogun Page

Select a Product for the Product Page

Select "Custom Layout"

Step 3: Remove default gallery section

Now we need to remove the old gallery that was added to the Product Page by default. You can skip this if you are building a new page from scratch.

Find the “Product Image” element and delete it

Remove Shogun default Product Image element

Find the "Product Image Gallery" element and delete it

Remove Shogun default Product Image Gallery element

Step 4: Add the Slider Custom Element

Find the Custom Element you created on the Step 1 and put it at any place on the page. Usually you will want to put it just where the old gallery was positioned.

Add the Slider Custom element to the page

Step 5: Publish the changes

Save and publish the changes in Shogun editor.

Step 6: Enable the App

Make sure the App is enabled on the Configuration page.

Step 7: Check the result

Now you should see the Slider live on your store:

Product Page Slider integrated in Shogun template