Getting Started

Introduction

Thank you for purchasing our theme. This documention explains how our theme works and helps you setup your website.

*Note - This documentation is only intended to provide theme specific guidence, for general help please visit the 3dcart knowledgebase.

Theme Installation Guide

If you have trouble installing our theme please refer to 3dcarts documentation on installing responsive themes.

Upper Header

You can add optional promotional text to the upper header. Follow the instructions below to add text to the upper header.

1. Use the upper header html generator below to create the upper header markup.
2. On your 3dcart dashboard, navigate to Content > Header & Footer.
3. Click the icon towards the top right corner of the Global Footer wysiwyg editor to toggle html mode on.
4. Paste the upper header html in the Global Footer wysiwyg editor.
5. The generated upper header html contains placeholder text. Replace the upper header placeholder content with the text you choose.
6. To display the upper header, enable the Global Footer by clicking the enable/disable switch located in the top left corner of the Global Footer wysiwyg editor.

Upper Header html

Mega Dropdown Menu

The diamond theme includes exclusive support for Mega Dropdown Menus. A Mega Menu allows you to display a dropdown menu in a column based view. Follow the instructions below to add a mega menu to your website.

1. On your 3dcart dashboard, navigate to Content > Site Content to manage your sites navigation. Create a Main Link that you want to display as a mega menu, on our demo site we called this main link "Womens" but you can name it anything you like.
Main Link Backend - Image
Main Link Frontend - Image

2. On your 3dcart dashboard, navigate to Products > Categories to manage your categories. Create the categories that you would like to add to the mega menu.
Categories Backend - Image
Categories Frontend - Image

3. On your 3dcart dashboard, navigate to Products > Categories to manage your sub-categories. Create the sub-categories under the categories that were created during step 2 of the mega menu instructions.
Sub-Categories Backend - Image
Sub-Categories Frontend - Image

4. Use the mega menu module generator below to create the mega menu theme settings. You will need to enter the Main Link and the Categories.

5. On your 3dcart dashboard, navigate to Content > Header & Footer. Click the icon towards the top right corner of the Global Footer wysiwyg editor to toggle html mode on. Paste the mega menu theme settings in the Global Footer wysiwyg editor.

Mega Menu Module

The diamond theme Standard Footer can be displayed by enabling the "Extra Pages" or "Manufacturer" links. This is done by using the 3dcart Design Editor.
Standard Footer - Image

This theme also supports a custom footer which can be created by adding custom html to the Global Footer wysiwyg editor. Follow the steps below to use the custom footer.
Custom Footer - Image

1. Use the custom footer html generator below to create the custom footer markup.
2. On your 3dcart dashboard, navigate to Content > Header & Footer.
3. Click the icon towards the top right corner of the Global Footer wysiwyg editor to toggle html mode on.
4. Paste the custom footer html in the Global Footer wysiwyg editor.
5. The generated customer footer html contains placeholder text/links. Replace the custom footer placeholder content with the text/links you choose.
6. To display the custom footer, enable the Global Footer by clicking the enable/disable switch located in the top left corner of the Global Footer wysiwyg editor.

Custom Footer html

Home Page

Featured Images

To add featured images to your website you will need to add custom html to the Home Content wysiwyg editor. Follow the steps below to add featured images.
Featured Images - Image

1. Use the featured images html generator below to create the featured images markup.
2. On your 3dcart dashboard, navigate to Content > Titles & Content > Home Page.
3. Click the icon towards the top right corner of the Header wysiwyg editor to toggle html mode on.
4. Paste the featured images html in the Header wysiwyg editor.
5. The generated featured images html contains placeholder images/links. Replace the featured images placeholder content with the images/links you choose.

Featured Images html