Vanilla

Overview

Vanilla is a highly intuitive, seamlessly sleek and very aesthetically accomplished theme for CS-Cart and Multi-Vendor stores.

It comes with many advanced theme customization options that make customization easier than ever. You can add a full-width banner, advanced social buttons, hamburger menu, and promotion bar.

With its fully responsive layout design, your website will definitely look striking when viewed on different devices.

../../_images/mobile-view-vanilla.gif

Home page

Product page

Catalog page

The Vanilla Theme comes with 2 add-ons to enhance your customer experience:

  • Full-Width Banner
  • Advanced Social Buttons

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 theme is created and published by Simtech Development Ltd., a CS-Cart developer. You are guaranteed a quality theme supported by the future versions. If you need help, please contact us via our help desk system.

Demo store

Check out our Vanilla Theme to show you a glimpse of the store look and feel.

Note

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

Installation and setup

Installing and setting up the add-ons

Vanilla Theme

  1. Install the add-on on the add-ons list page (Add-ons → Manage add-ons).
  2. Click on the add-on name to open its settings.
  3. In the Products tab, select the product feature that should be displayed above the product name of the product details page. Clicking the feature link will take the customer to the page with a list of products with the corresponding feature.
  1. In the Categories tab, select buttons you want to display when hovering over the product image in the grid list. On the mobile version, the Add to cart button is visible and the Quick view button is hidden by default.

Adding a hamburger menu for the mobile version

You can add a hamburger menu to your store, which will be displayed only on the mobile version of your store.

../../_images/mobile-view-vanilla.gif

To do that, in the admin panel:

  1. Go to Design > Layouts.
  2. In the Default layout in the Top panel, add a new SD: Hamburger menu block.
  1. In the General tab, name the block and select SD: Hamburger menu template.
  1. In the Content block, select the necessary menu.
  1. In the Block settings tab, configure the block settings.
  1. Click Create.

Here’s the result:

../../_images/hamburger-menu-mobile-version.png

Adding a promotion bar

You can display a special promotion in a bar on any page of your store. The bar will be displayed to the full width of the screen. The text is customizable.

To add it, in the admin panel:

  1. Go to Design > Layouts.
  2. Switch to the layout where you want to add the promotion bar and add a new block in the necessary grid. Select the SD: Special promotion block.
  1. In the General tab, name the block and select the SD: Special promotion template.
  1. In the Content tab, add a promotional text that will be shown on the promotion bar on the storefront.
  1. Click Create.

Here’s the result.

Adding a page title

You can show a page title on the page. For example, display Wish list content on the wish list page.

To do that, in the admin panel:

  1. Go to Design > Layouts.
  2. Switch to the layout of the page where you want to add a title and add a new block. Use the SD: Page title block.
  1. In the General tab, name the block and select the Page title template.
  1. Click Create.

Here’s the result.

Full-Width Banner

Allows to show an eye-catching wide banner on any page of your store.