Full-Width Banner

Overview

Make your brand stand out with our Full-Width Banner add-on. It allows you to show an eye-catching wide banner on any page of your store. It’s an extra enhancement to your nice-looking website. It will definitely help you attract more customers and increase the click-through rates of your banners.

Here’s a look of the homepage

and a category page:

The color of the button on the banner is customizable.

Features

  • Banners change proportionally with the screen resolution
  • Banner pagination
  • Swipe left or right to browse through images on touch screens
  • Automatic banner change
  • Designed to display on desktops and tablets
  • Customizable button color.

Compatibility

The add-on is compatible with CS-Cart and Multi-Vendor 4.3.1 and above.

Don’t know what archive to download to install the add-on? Read here.

Support

This add-on is developed and published by Simtech Development Ltd., a CS-Cart developer. You are guaranteed a quality add-on supported by the future versions. If you need help, please contact us via our help desk system.

Demo

Check out the Full-Width Banner add-on in our demo store.

Note

Every half an hour the demo store is reset to the default state.

Managing in the admin panel

Installing the add-on

Install the Full-Width Banner add-on on the add-ons list page (Add-ons → Manage add-ons). Click the + button in the top right corner, select an archive and click Upload & install. You can now find the installed add-on in the list of installed add-ons, just make sure it is set to Active.

Setting up the add-on

  • License key—Enter the license key to activate the add-on. You will receive this key in the order confirmation email. You can also see license keys for all your purchased add-ons in your HelpDesk account. Log in to HelpDesk, and navigate to the Licenses section:

Creating a full-width banner

Step 1. Create a banner

  1. In the admin panel, go to Marketing > Banners.
  2. Click the + button in the top right corner.
  1. Enter the name for the banner, select the Graphic banner type and upload an image.
  1. Click Create.

Note

The add-on includes two demo banners for your store: SD: demo banner - camera and SD: demo banner - holidays.

You can easily edit them by adding your own text for the banner or changing the text of the call-to-action button.

  1. Optionally, you may want to change the button color on the banner. To do so, click the HTML button in the Description field. Find the class=”button”>See details</a> part and change the button class to the necessary one by inserting one of the following classes right after button:

btn-yellow – yellow; btn-red – red; btn-blue – blue; btn-green – green;

Click Save.

Step 2. Add the banner to the page

Follow the step by step guide below to add a full-width banner to any page in your store.

  1. Navigate to Design > Layouts.
  2. Switch to the location where you want to show the banner and add a new Full-width banner block.
  1. In the General tab, enter a name for the block and select the template.
  1. In the Content tab, pick the Manually filling and click the Add banners button.
  1. You will see a list of all the banners in your store. Pick the one(s) you need and click the Add banners and close button.
  1. Finally, click Create to save your changes.
  2. Check out the banner on the storefront.