Integrating the Lookbook Widget
Create a new Lookbook widget in Photoslurp's Widget Editor, as done in the earlier steps. Once it's set up, head to "Moderation -> Own subpages (CMS)" on Idosell's panel top menu.
You will need to select in which page you want to create it. Then, a list of CMS subpages will be displayed. Create a new one by clicking on the "Add a new CMS site type" button:
Once it's created, click on "edit" and then on "Add new page". You will be redirected to the "Settings of own subpage (CMS)" section in which it will be required to input the code for the Lookbook widget that has already been generated in the Widget Editor. Copy and paste the following code under the "Edit HTML" tab in the"CMS subpage content" section, and then replace the "INSERT WIDGET ID HERE" statements with the widget's actual widgetId that you can find in Photoslurp's Widget Editor:
<!-- Start Photoslurp Additional Parameters Code -->
<script>
window.photoSlurpWidgetSettings = window.photoSlurpWidgetSettings || {};
photoSlurpWidgetSettings["INSERT WIDGET ID HERE"] = {
lang: document.documentElement.lang,
};
</script>
<!-- End Photoslurp Additional Parameters Code -->
<!-- Start Photoslurp embed code -->
<div class="ps-container">
<ps-widget data-config="INSERT WIDGET ID HERE"></ps-widget>
<script src="https://static.photoslurp.com/widget/v3/loader.js" async></script>
</div>
<!-- End Photoslurp embed code -->
In case that your website features different languages, please make sure to click on the "Duplicate on all languages" button so the widget's code is available in all sites.
Finally, save the settings by clicking on the "Add Text" button. After clicking it, a "Link to page" section featuring the Lookbook page's URL will appear above the text field. Copy the URL, as we will need it for the following step.
Adding a "Lookbook" section in the main menu
In order to add a "Lookbook" section that links to the newly-generated Lookbook page, head to "Moderation -> Menu and descriptive subpages in template" on Idosell's panel top menu.
A list of pages and menus will be displayed. Click on the menu for the page that you want to add it in (in this example we will add it in "Menu 1").
Click on the "Add an element at the bottom" button with the name that you want it to display to add a new menu option ("Lookbook" in this case).
Then, click on the new menu and head to "General Settings". A new window will pop up, in which you'll be able to configure the settings that you want for this menu. Check the "a link to the specified URL" option under the "This element in menu is" section, and then paste the Lookbook page URL that you copied in one of the earlier steps.
Save the settings and then click on the "Publish changes in shop" button next to "Operations", above the menu elements list. The changes will be applied and the new Lookbook section will be displayed in the menu: