Install theme

jewelry theme is designed by www.bossthemes.com.

Theme have many features that default Opencart oes not support (session theme features).

Please contact us via mail support@bossthemes.com to have best support.


Install full package

Install jewelry-full-package_2.3.X.X_rXXX.zip is very quick. Find and Extract the jewelry-full-package_2.3.X.X_rXXX.zip.

  • 1Full package: The package includes all source of the theme.
  • 2Sample data: File database sample includes all data of product, category, setting ... the demo site illustrates jewelry.
  • 3Upload: Upload all the files and folders to your server from the jewelry-full-package folder.
  • 4configure boss_reconfig.php:
  • 5Config: Run boss_reconfig.php file on web browser. ex: http://domain.com/boss_reconfig.php
  • 6Refresh modifications: Go to Admin->Extensions->Modification Click on Refresh button.

Extract the jewelry-full-package_2.3.X.X_rXXX.zip.

Find sample-database.sql and import the sql file to your database

Upload all the files and folders to your server from the jewelry-full-package folder.

On your server, find boss_reconfig.php, open and configure this file

Run boss_reconfig.php file on web browser

Refresh modifications Go to Admin > Extensions > Modification > Refresh

Visit the store homepage e.g. http://www.example.com
For Linux/Unix, you need chmod 0755 for all the folders, chmod 0644 for all the files

Admin panel located in http://www.example.com/admin/
username: demo
password: demo123

You can watch demo video at: Install jewelry full package

Install theme jewelry

Important!

As OpenCart 2.3.X.X has been just released, many modules have not been compatible with it. Please check that all of the old modules and old extensions you want to use in your store are compatible before installing OpenCart 2.3.X.X

Upgrading directly from OpenCart 1.5 and opencart 2.0.0.0 to OpenCart 2.3.X.X is currently not possible. You can check the existing issues in community forums and GitHub. Visit our support forums to keep you informed about the latest version of OpenCart 2.3.X.X.

Make sure to have installed OpenCart 2.3.X.X working before you start to install the theme.

Find and Extract the jewelry-theme-package_2.3.X.X_rXXX.zip.

  • 1Theme package: Upload 6 folders in file (admin, catalog, config_xml, image, modification_xml, system,) the upload folder and merge them with the original files in your project (opencart 2.3.X.X).
  • 2Settings for jewelry theme: Select store template bt_jewelry in backend.
  • 3Install Modification:
  • 4Refresh Modification: Whenever you enable / disable or delete a modification, you click the refresh button to rebuild your modification cache!
  • 5Access & Modify Permission: Access and modify permission for blog page and create all layout.
  • 6Create All Layouts: Create all layouts for some layout.
  • 7Install Data Sample: Install all data sample of demo site for each modules in this theme.

Extract file jewelry-theme-package_2.3.X.X_rXXX.zip.

- Note: Package version must be the same as your project opencart version.

In back end, Go to Extensions > Extensions > Themes > install > Eidt -> Enabled tab, select the template bt_jewelry .

In back end, Go to System > Setting > edit > Store tab, select the template bt_jewelry .

In back end, Go to Extension > Extension Installer, press on the Upload button and browse to folder modification_xml and install all .xml files in this folder.

In back end, Go to Extension > Extension Installer, press on the Upload button and browse to folder modification_xml and install all .xml files in this folder.

In back end, Go to System > Setting > edit > Store tab, select the template bt_jewelry .

In back end, Go to Extension > Extension Installer, press on the Upload button and browse to folder modification_xml and install all .xml files in this folder.

In back end, Go to Extension > Modification, click on the refresh button to rebuild your modification cache.

In back end, Go to System > Users > User Groups > Edit Administrator, click Sellect All for Access and Modify Permission.

In back end, Go to System > Design > Layouts, click Create All Layout.

In back end, Go to Extension > Module > Boss - Theme Manager, click Install this module Then Edit it. Go to tab Data Sample to install data sample for this theme.

When you click to install module Boss - Theme Manager. All old modules setting are cleared.

Image settings

In back end, go to System > Settings > Edit > Image tab

  • 1Category Image Size: The size of category image shown in category page with name and description of category.
  • 2Product Image Thumb Size: The size of product image in page of product detail.
  • 3Product Image Popup Size: The size of product image in page of product detail when viewing large popup.
  • 4Product Image List Size: The size of product image shown as grid/list in category, search and special page.
  • 5Additional Product Image Size: The size of additional product image shown below image thumb in page of product detail.
  • 6Related Product Image Size: The size of related product image in page of product detail.
  • 7Compare Image Size: The size of product image in compare page.
  • 8Wish List Image Size: The size of product wishlist image in wishlist page.
  • 9Cart Image Size: The size of product image in dropdown cart in header.
  • 10Store Image Size: The size of stores image.
jewelry

Other Setting

In back end, Go to System > Setting > edit, you can config other option for your site as: image, email, store name, title...

You can read more details about each option here: Editing a store's settings

Layout theme
  • 1Theme Manager - Name Sale & Name Phone
  • 2Boss - Theme Manager - Link Default
  • 3Boss - Theme Manager - Link Default
  • 4Boss - Theme Manager - Link Default
  • 5Boss - Theme Manager - Link Default
  • 6Boss - Theme Manager - Follow us
  • 7Boss - Megamenu - Megamenu
  • 8Boss - Theme Manager - Link Default
  • 9Boss - Theme Manager - Link Default
  • 10Logo - Link Default
  • 11Boss - Revolution Slider- Home Page Slider
  • 12Boss - Top Category - Category Image
  • 13Boss - Featured Product - Home New Arrivals
  • 14HTML Content - Block Home Parallax
  • 15Boss - Blog Featured - Home Blog Featured
  • 16Boss - Featured Product - Home FEATURED PRODUCTS
  • 17Boss - Carousel - Home Carousel
  • 18News Letter - NEWSLETTER FOOTER
  • 19Boss - Theme Manager - Link Default
  • 20Boss - Theme Manage - Powered by
  • 21Boss - Theme Manager - Payment link
Header

Front End

  • 1Phone shopping: You can Disable/Enable it in Back-End ->Extensions -> Extensions -> Modules -> Boss - Theme Manager -> Header Setting tab -> Name Sale & Name Phone and Link Default
  • 2Language: You can Disable/Enable and change it in Back-End->System -> Localisation->Languages
  • 3Currency: You can Disable/Enable and change it in Back-End->System -> Localisation->Currencies
  • 4My Account: You can Disable/Enable it in Back-End ->Extensions -> Extensions -> Modules -> Boss - Theme Manager -> Header Setting tab ->Link Default
  • 5Wish List: You can Disable/Enable it in Back-End ->Extensions -> Extensions -> Modules -> Boss - Theme Manager -> Header Setting tab ->Link Default
  • 6Follow us: You can Disable/Enable it in Back-End ->Extensions -> Extensions -> Modules -> Boss - Theme Manager -> Header Setting tab ->Follow us
  • 7Logo: You can change it in Back-End->System -> setting->Edit Store List->Tag Image
  • 8Menu: You can change it in Back-End->Extensions -> Extensions ->Module->Edit Megamenu
  • 9Search: You can Edit the html of shopping cart on catalog\view\theme\bt_jewelry\template\common\search.tpl
  • 10Cart: You can Edit the html of shopping cart on catalog\view\theme\bt_jewelry\template\common\cart.tpl
  • 11Slider: You can change it in Back-End->Extensions -> Extensions ->Module->Edit Home Page Slider
Content

Front End

  • 1Boss - Top Category: You can Disable/Enable and change it in Back-End ->Extensions -> Extensions -> Modules -> Boss - Top Category -> Edit Category Image
  • 2NEW ARRIVALS: You can Disable/Enable and change it in Back-End ->Extensions -> Extensions -> Modules -> Boss - Featured Product -> Edit Home New Arrivals
  • 3Banner: You can Disable/Enable and customize it in Back-End ->Extensions -> Extensions -> Modules -> HTML Content -> Block Home Parallax
  • 4LATEST NEWS: You can Disable/Enable and change it in Back-End ->Extensions -> Extensions -> Modules -> Boss - Blog Featured -> Edit Home Blog Featured
  • 5FEATURED PRODUCTS: You can Disable/Enable and change it in Back-End ->Extensions -> Extensions -> Modules -> Boss - Featured Product -> Edit Home FEATURED PRODUCTS
Footer

Front End

  • 1Module Newsletter: You can config it in Back-End -> Extensions -> Extensions -> Modules -> NEWSLETTER FOOTER.
  • 2Footer You can config it in Back-End ->Extensions-> Extensions -> Modules -> Boss - Theme Manager -> Tag Footer Setting -> Tag Link Default.
  • 3Footer You can config it in Back-End ->Extensions-> Extensions -> Modules -> Boss - Theme Manager -> Tag Footer Setting -> Tag Powered by.
  • 4Footer You can config it in Back-End ->Extensions-> Extensions -> Modules -> Boss - Theme Manager -> Tag Footer Setting -> Tag Payment link.
Boss - Product by Alphabet

Boss - Alphabet module allows you to search products by alphabet, on the first letter of the product name.

In back end

Go to Extensions > Extensions > Modules > Boss - Products by Alphabet > Edit

Front End

If you want to edit the html of megamenu you can go to catalog/view/theme/{your theme}/template/extensions/module/boss_alphabet.tpl and then custom the html.

You can see the demo Here

Boss - Feature Product

Boss - Feature Product module allows you to display products according to popular, best seller, special, latest products or choose product by name, ...

In back end

Go to Extensions > Extensions > Modules > Boss - Feature Product > Edit

Featured product

Front End

If you want to edit the html of feature product you can go to catalog/view/theme/{your theme}/template/extensions/module/boss_feature.tpl and and then custom the html.

Boss - Theme Manager

- In your back end, go to Extensions > Extensions > Modules > Boss - Theme Manager > Edit.

- This module helps you to customize the interface of your website easily, including column for website, color, font, layout, Option and Data Sample for important elements of website.

Option Setting

Layout Setting

Header Setting


Footer Setting


Font Setting

Other Setting

Data Sample

Boss - Manufacturer

In back end, go to Extensions > Extensions > Modules > Boss - Manufacturer > Edit

  • 1Module Name: Write a name for this module
  • 2Title: Name of this module that will appear in the front end. You can leave it empty if you don't need a title.
  • 3Status: Disable/Enable the module

Front End

If you want to edit the html of this module you can go to catalog/view/theme/{your theme}/template/extensions/module/boss_manufacturer.tpl and then custom the html.

Boss - Memgamenu

Boss - Mega Menu module allows you to arrange many items of header menu in different columns. Customers can easily receive a lot of information and img only by hovering your header menu.

In back end, go to Extensions > Extensions > Modules > Boss - Megamenu > Edit

  • 1Module Name: Write a name for this module
  • 2Status Disable/Enable this module
  • 3Edit Edit content of menu, menu row or menu column
  • 4Delete Delete menu, menu row or menu column
  • 5Menu column A menu row has many menu columns. A menu column has many types content as: html, product, category, information, manufacturer
  • 6Add menu column Add a new menu column.
  • 7Add menu row Add a new menu row. Each menu row is in one menu
  • 8Add menu Button add new menu. A menu includes many menu rows and a menu row has many menu columns

To create a simple menu you need 4 steps: 1. Add new menu; 2 Add new row; 3 Add new column; 4 Edit column and config "type" for it

Menu Setting

Add menu

Add menu row

Add menu column

Drag and Drop to sort menu


Module Setting

Go to Extensions > Modules > Boss Mega Menu > Edit tab Module Setting

  • 1Menu Width The Width of submenu
  • 2Menu Column Max Number of columns in submenu

Front End

If you want to edit the html of megamenu you can go to catalog/view/theme/{your theme}/template/extensions/module/boss_newmegamenu.tpl and then custom the html.

You can see demo Here

Boss - Quickshop

In back end, go to Extensions > Extensions > Modules > Boss - Quickshop > Edit

  • 1Module Name: Set name for this module
  • 2Text: This is the text of quick view appearing in the button of quick shop in front end. You can leave it empty if you don't need a text.
  • 3Array html Selected: You have to select class of product which is showed up quickshop. See more detail at image below
  • 4Fancybox Size: The size of Fancy box that show content of product in quickshop. You just only fill the width then the system auto set height for this box.
  • 5Status: Disable/Enable the module

Front End

If you want to edit the html of this module you can go to catalog/view/theme/{your theme}/template/extensions/module/boss_quickshop.tpl and boss_quickshop_product.tpl and then custom the html.

Boss - Revolution Slider

Slider Revolution is a fully developed slide in system to offer the capability to show img, videos and captions paired with simple, modern and fancy 3D transitions. On top of that, Slider Revolution is fully responsive and mobile optimized and can be displayed on any dimensions.

In back end, go to Extensions > Extensions > Modules > Boss - Revolution Slider > Edit

Module setting

  • 1Name Name of this sliders
  • 2Number of Slides Total slide of this slider
  • 3Status Show status of this slider (Enable or Disable)
  • 4Edit Go to page edit slider. Edit each slide includes: image background, caption and other option ...
  • 5Setting Go to page slider setting: Setting all option of slider: slider width, status, name...
Slider setting

You can config all option of each slide at here: time delay, transitions, full/box...

Config Slider

  • 1Name Link of image background of each slide
  • 2Status Show status of each slide (enable or disable)
  • 3Background Show image slider
  • 4Action Include: copy, delete or edit each slide
  • 5Drag and Drop You can drag and drop it to change position.
  • 6Slider Setting Go to page setting for this slider
  • 7Add new slide Add new slide for this slider

Edit and Setting each slide

Each slide has multi types of background such as: image background, color background or transparent background

Edit and Setting caption

Each slide has multi captions. Each caption we can select multi types: text, image or video. Just click caption and edit them.

Front End

Boss Tag Cloud

In back end, go to Extensions > Modules > Boss - Tag Cloud > Edit

  • 1Module Name: Write a name for this module
  • 2Title: Name of this module will appear in the front end. You can leave it empty if you don't need a title.
  • 3Limit: Limit the number of tags shown in front end.
  • 4Min Size: Minimum size of the text
  • 5Max Size: Maximum size of the text
  • 6Font Weight: Font weight of the text
  • 7Status: Disable/Enable the module

Front End

If you want to edit the html of this module you can go to catalog/view/theme/{your theme}/template/module/boss_tagcloud.tpl and then custom the html.

Boss - Zoom

In back end, go to Extensions > Modules > Boss - Zoom > Edit

  • 1Module Name: Write a name for this module
  • 2Thumb Image Size: The size (Width x Height) of main image (2)
  • 3Addition Image Size:The size (Width x Height) of small image - Addition Image (3)
  • 4Zoom Image Size: The size (Width x Height) of zoom image (4)
  • 5Zoom area Size: The size (Width x Height) of area for image zoom (5)
  • 6Zoom area position: Specifies position of zoom window: Right or Inside
  • 7Distance: Distance between thumb image and zoom window. This allows you to set tune position of zoom with horizontal and vertical.
  • 8Title: Show the title of the image in the zoom window
  • 9Opacity Title: Opacity of Title
  • 10Tint: Color to use for the tint effect and Opacity of tint 0-1. If zero, no tint will be visible.
  • 11Opacity Tint: Opacity of Tint
  • 12Soft focus: Disable or Enable Soft focus
  • 13Opacity lens: Opacity of lens
  • 14Smooth Move: Enable img to look even more impressive
  • 15Status: Disable or Enable zoom module

Front End

Zoom area position: Inside

If you want to edit the html of this module you can go to catalog/view/theme/{your theme}/template/module/boss_zoom.tpl and then custom the html.

Boss - Top Category

In back end, go to Extensions > Extensions > Modules > Boss - Category > Edit

  • 1Module Name: Write a name for this module
  • 2Custom Title: Name this module will appear in the front end. You can leave it empty if you don't need a title.
  • 3Image Width: Write width of image.
  • 4Image Height: Write height of image.
  • 5Show slider: Enable/Disable slider
  • 6Category per row: Number of display image category
  • 7Status: Enable/Disable Module.
  • 8Choose categories: Select the displayed category
  • * Note: You need to enter the Catalog->Categories->edit choose category -> tag data->image


Front End

Boss - Carousel

In back end, go to Extensions > Extensions > Modules > Boss - Carousel > Edit

  • 1Module Name: Write a name for this module
  • 2Custom Title: Name this module will appear in the front end. You can leave it empty if you don't need a title.
  • 3Banner: Choose banner to use.
  • 4Limit: Limit image.
  • 5Num row: num row image.
  • 6Img/row: Image number on line.
  • 7Image Width: Write width of image.
  • 8Image Height: Write height of image.
  • 9Status: Enable/Disable Module.

Front End

Boss - Drapdop

In back end, go to Extensions > Extensions > Modules > Boss - Drapdop > Edit


Front End

Boss - bulkorder

In back end, go to Extensions > Extensions > Modules > Boss - bulkorder > Edit



Front End

Boss Blog

Remember to install module Boss-Blog before dealing with 5 module (Boss - Blog Category, Boss - Blog Recent Comment, Boss - Blog Recent Post, Boss - Blog Tag Cloud, Boss- Blog Search).

Boss - Blog

In back end, go to Extensions > Modules > Boss - Blog > Edit

Blog Categories:

Blog Articles:

Blog Comments:

Blog Settings: General

Blog Settings: Option

Blog Settings: Image

Front End

Boss - Blog Category

In back end, go to Extensions > Modules > Boss - Blog Category > Edit

Front End

Boss - Blog Tag Cloud

In back end, go to Extensions > Modules > Boss - Blog Tag Cloud > Edit

Front End

Boss - Blog Search

In back end, go to Extensions > Modules > Boss - Blog Search > Edit

Front End

Boss - Blog Recent Comment

In back end, go to Extensions > Modules > Boss - Blog Recent Comment > Edit

Front End

Boss - Blog Recent Post

In back end, go to Extensions > Modules > Boss - Blog Recent Post > Edit

Front End

Boss - Blog Featured

In back end, go to Extensions > Modules > Boss - Blog Featured > Edit

Front End

News Letter

In back end, go to Sales > Newsletter Subscribers

In back end, go to Extensions > Extensions > Modules > News Letter > Edit

Front End

If you want to edit the html of this module you can go to catalog/view/theme/{your theme}/template/module/extensions/newslettersubscribe.tpl and then custom the html.

Account
 

In back end, go to Extensions > Extensions > Modules > Account > Edit


Front End

Affiliate

In back end, go to Extensions > Extensions -> Modules > Affiliate > Edit


Front End

HTML Content

In back end, go to Extensions > Extensions> Modules > HTML Content > Edit

  • 1Module Name: Write a name for this module
  • 2Title: This is the title of this module that will appear in the front end. You can leave it empty if you don't need a title.
  • 3Content: This is the HTML editor where you can add your custom content.
  • 4Status: You can disable or enable this block
  • 5View Html: Click this button to view content off this block by html. you can add, edit, remove class or media (image, video...) at here.
Language

Install Language

  • You can found opencart language package here Opencart language package
  • This is the link of instruction to install language of opencart. Instructions for language installation
  • After installing new language please go to Boss - ... Module list -> edit -> add new language for title of this module then Save again -> reload and change language in front end.

Boss - Modules for multi language

After you install new language, Please check all module and add title, description, ... for new language

Modification

You can read more about opencart Modification at Here