Your first step is to create a normal category within your Lightspeed shop.
- Navigate to Products > Categories within your Lightspeed back-end and press the green Add Category button.
- For this example with will create the category ‘Black Friday’.
- Make sure the category type is set to Products and if you want full control over the products, you can also set the sorting type to Manually.
- You can disable Include in Catalog under Visibility if you don’t want this category to appear in the main menus.
Now we will connect your newly created category to the theme’s landingpage functionality.
- Keep the Lightspeed back-end page for the category you created open in a tab in your browser.
- In a new tab open the front-end category page that the users will see (you will need this later to verify your setup).
- In another new tab open the Lightspeed back-end and navigate to Design > Theme Editor > Edit theme.
- Within the Theme settings navigate to Pages > Product listing > Landingpage X
- Go back to the first tab with your category back-end and scroll to SEO Preview, select and copy the last part of the URL to your clipboard.
- In our example the full URL is https://ecommerce-pro-the-executive-theme.webshopapp.com/en/black-friday.
- So we copy ‘black-friday’.
- Go back to the Theme settings tab and paste the part of the URL in the Category url field.
- Now press Publish and go the the tab with the front-end category page and refresh to see if the layout has changed (the filters sidebar should be gone).
Now it’s time to customize the landingpage to suit your needs.
- First, if you haven’t already, add some products to your category.
- You can add content to the category. This is highly recommended for SEO.
- You can optionally add a banner that will show on top of the page.
- Now we can run through all the options available.
Show title
Show or hide the main title of this category
Text align
Align the titles, content and summary of this landingpage.
Title products
Add a title above the featured products. Leave empty to remove.
Add a subtitle above the featured products. Leave empty to remove.
Show featured products
Show the first products in a carousel or a simple grid. We recommend a simple grid if you only want to advertise one or a few products.
Products in carousel/grid
The products that exceed the amount you set here will show in a normal collection template below the carousel or simple grid. Keep in mind that you can manually sort this category to control which products will show in the carousel or simple grid.
Hide main collection
If you only want to display products using the carousel or simple grid you can forcably hide the collection (Although it will not show automatically if the total amount of products in this category is equal or lower than are already shown in the carousel or simple grid).
You can show a custom blog articles section by pasting the exact blog title in this field. This section will contain up to the latest 5 blog articles. In our case we could create a blog called simply ‘Black friday’ and pase that value in this field. Articles in the ‘Black friday’ blog will show on this landingpage.
Show banner blocks section
If you don’t use the banner blocks section on the homepage (or want it anyway) you can use it for this landingpage. Choose a location here and set the configure the banner blocks section under homepage settings.
If you don’t use the banner section on the homepage (or want it anyway) you can use it for this landingpage. Choose a location here and set the configure the banner section under homepage settings.
Make sure you press Publish to save your settings.
Congratulations, your landingpage is now set up.
