SELLMORE

Modern Multi-Purpose OpenCart Theme

• Created: 11/07/2017
• By: 321cart.com
• http://sellmore.321cart.com/landing/

Installation

Before you install this theme:

We recommend to use this theme on a new, clean installation or existing shops without custom core modifications.

How to install SELLMORE Theme?

Step 1: Unzip your downloaded "SELLMORE-THEME-multi-purpose-opencart-solution.zip". There are subfolders structure:

Open the folder that corresponds to your OpenCart version and upload (and overwrite) all the files from "FILES_TO_UPLOAD" to the root directory you have installed OpenCart in.

Step 2: Theme activation

1. Go to OpenCart admin › Extensions › Extensions › select "Themes" from the list › Sellmore Store Theme and click "Install".

2. Click on the "Edit" icon.

3. Select "Enabled" from the list, and click "Save".

4. Go to OpenCart admin › System › Settings › Edit › General tab › Theme, select "Sellmore Store Theme" from the list, and click "Save".

Step 3: General Options module installation

Go to Extensions › Modules › SELLMORE Theme Settings - General Options and click on the 'install' icon:

Then enable the 'SELLMORE Theme Settings - General Options' module. Click on the 'Edit' icon:

Wait for the theme admin panel to load in its entirety (watch the loading icon in your browser) and click 'Save' icon:

Step 4: Design module installation

Go to Extensions › Modules › SELLMORE Theme Settings - Design and click on the 'install' icon:

Then enable the 'SELLMORE Theme Settings - Design' module. Click on the 'Edit' icon:

Wait for the theme admin panel to load in its entirety (watch the loading icon in your browser) and click 'Save' icon:

Step 5: Bestsellers, Featured, Latest, Specials, Most Viewed images

If you want to use Bestsellers, Featured, Latest, Specials or Most Viewed products module in CONTENT COLUMN (Content Top or Content Bottom positions), you need to input these image settings:

It will look like this:

If you want to use Bestseller, Featured, Latest, Special or Most Viewed products module in LEFT OR RIGHT COLUMN, you need to input these image settings:

Then go to SELLMORE Theme Settings - General Options > General Options > Products Layout > Slider View > Bestsellers per row, and select "1" from the list.

It will look like this:

The default products view is a slider. If you want to display your products in a grid, you need to input these image settings:

Then go to SELLMORE Theme Settings - General Options > General Options > Products Layout > Bestseller view, and select "Grid" from the list.

It will look like this:

Congratulations! The theme is installed in your store! Now go to "SELLMORE Theme Settings - General Options" and "SELLMORE Theme Settings - Design" modules and adjust theme settings to your needs.

How To and FAQ

Add another language

Once you have installed your language pack:

Step 1: Go to Extensions › Modules › SELLMORE Theme Settings - General Options › Theme Translate, and translate the texts into your language.

Step 2: Mini Cart view

a) Open the file catalog/language/your-language/checkout/cart.php and delete text highlighted in green:

It should look like this:

b) Repeat the same in the file catalog/language/your-language/common/cart.php, in the line 3.

c) If you use multiple languages, repeat steps "a" and "b" for each language.

How to put all the first-level categories in the main menu?

Go to SELLMORE Theme Settings - General Options › Main Menu › Categories › Categories display style, and select "OpenCart" from the list, then all main categories will be displayed on the main menu bar.

The category images in SELLMORE THEME.

You can display the category images in two positions: content column and above content column.

Content Column position:

If you want to put the category image in this position, go to SELLMORE Theme Settings - General Options › Midsection › Category Page › Category Title › Category Title position, and select "Content Column" from the list.

The default size is 500x600 pixels. You can set these dimensions in Extensions › Extensions › select "Themes" from the list › Edit › Images › Category Image Size.

Above Content Column position:

If you want to put the category image in this position, go to SELLMORE Theme Settings - General Options › Midsection › Category Page › Category Title › Category Title position, and select "Above Content Column" from the list.

The size of the image should be 1920x350 pixels. You can set these dimensions in Extensions › Extensions › select "Themes" from the list › Edit › Images › Category Image Size.

If you want to use the parallax scrolling effect for the image, go to SELLMORE Theme Settings - General Options › Midsection › Category Page › Category Info › Parallax scrolling effect, and select "Yes" from the list. The size of the image should be 1920x500 pixels. You can set these dimensions in Extensions › Extensions › select "Themes" from the list › Edit › Images › Category Image Size.

What is the size of the main banner on the homepage?

The default size is 1920x900px.

How to create your own simple logo?

Step 1: Go to System › Settings › Edit › Image tab › Store Logo, and delete default OpenCart logo.

Step 2: Go to Extensions › Modules › SELLMORE Theme Settings - General Options › Header › Logo Creator, and customize your logo.

How do I change the number of items in a row for the Carousel module?

Go to Extensions › Modules › SELLMORE Theme Settings - General Options › General Options tab › Products Layout › Slider View › Carousel Items per row

Colors Schemes

SELLMORE has built-in 5 pre-made color schemes. To activate the selected color scheme, go to Extensions › Modules › SELLMORE Theme Settings - Design › Colors Schemes, select the color scheme you interesting and click "Save". The color scheme will be enabled in your store.

Please note: By default, only the default color scheme can be edited in the admin panel. All other color schemes are pre-made and can not be edited in the admin panel.

You can edit color scheme directly in the CSS file. For example, if you want to customize the "Market" color scheme, open and edit the file: catalog/view/theme/sellmore/stylesheet/sellmore-skin4-market.css

If you need to check the settings of color schemes in our demos, we provide access to the admin sections:

Extensions › Modules
Design › Layouts
System › Design › Banners

Access to the admin panel for each demo:

Username: demo
Password: demo

Additional Modules

SELLMORE Theme Banner

This module allows you to show simple banners on any store pages.

Step 1: Go to Design › Banners and add banners that you want to display. For example:

Step 2: Go to Extensions › Modules › SELLMORE Theme Banner, select banner and adjust other settings to your needs. For example:

Step 3: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

SELLMORE Theme Banner Pro

This module allows you to show advanced banners on any store pages.

Step 1: Go to Extensions › Modules › SELLMORE Theme Banner Pro, enter the module name, select "Enabled" from the "Status" list and click "Save":

Step 2: Go back to the module settings and add banners that you want to display and adjust the settings to suit your needs. For example:

Step 3: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

SELLMORE Theme Brand Slider

This module allows you to show brand slider on any store pages.

Style 1 - Inline

Step 1: Go to Extensions › Modules › SELLMORE Theme Brand Slider and adjust the settings to suit your needs. For example:

Step 2: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

Style 2 - Classic

Go to Extensions › Modules › SELLMORE Theme Brand Slider › Module Style and select "Style 2 - Classic" from the list:

It will look like this:

SELLMORE Theme Category Slider

This module allows you to show category slider on any store pages.

Style 1 - Inline

Step 1: Go to Extensions › Modules › SELLMORE Theme Category Slider and adjust the settings to suit your needs. For example:

Step 2: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

Style 2 - Classic

Go to Extensions › Modules › SELLMORE Theme Category Slider › Module Style and select "Style 2 - Classic" from the list:

It will look like this:

SELLMORE Theme Custom Products

This module allows you to show custom products in a different style on any store pages.

Step 1: Go to Extensions › Modules › SELLMORE Theme Custom Products and and add products that you want to display and adjust the settings to suit your needs. For example:

Step 2: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

If you want to display the title on the right, select "Right" from the "Title position" list. It will look like this:

SELLMORE Theme FAQ

This module allows you to add Frequently Asked Questions on any store pages.

Step 1: Go to Extensions › Modules › SELLMORE Theme FAQ and add questions and answers. For example:

Step 2: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

SELLMORE Theme Featured

This module allows you to show featured products in a different style on any store pages.

Step 1: Go to Extensions › Modules › SELLMORE Theme Featured and add your featured products. For example:

Step 2: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

Style 2.

Style 3.

Style 1.

SELLMORE Theme Features Blocks

This module allows you to show features blocks on any store pages.

Step 1: Go to Extensions › Modules › SELLMORE Theme Features Blocks and add your content. For example:

Step 2: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

Style 1.

Style 2.

Style 3.

If you click on the box, the content will open in modal dialog:

SELLMORE Theme Gallery

This module allows you to show your own gallery on any store pages.

Style 1 - Inline

Step 1: Go to System › Design › Banners and add images that you want to display. For example:

Step 2: Go to Extensions › Modules › SELLMORE Theme Gallery, select banner and adjust other settings to your needs. For example:

Step 3: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

If you click on the thumbnail, it will look like this:

Style 2 - Classic

Go to Extensions › Modules › SELLMORE Theme Gallery › Module Style and select "Style 2 - Classic" from the list:

It will look like this:

SELLMORE Theme Highly Recommended

This module allows you to show highly recommended products in modal dialog on any store pages.

Step 1: Go to Extensions › Modules › SELLMORE Theme Highly Recommended and add your highly recommended products. For example:

Step 2: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

If you click on the red field, the products will open in modal dialog:

SELLMORE Theme LookBook

Style 1 - Inline

Step 1: Go to Design › Banners and add LookBook banners that you want to display. For example:

Step 2: Go to Extensions › Modules › SELLMORE Theme LookBook, select banner and adjust other settings to your needs. For example:

Step 3: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

Style 2 - Classic

Go to Extensions › Modules › SELLMORE Theme LookBook › Module Style and select "Style 2 - Classic" from the list:

It will look like this:

SELLMORE Theme Most Viewed

This module allows you to show most viewed products on any store pages.

Step 1: Go to Extensions › Modules › SELLMORE Theme Most Viewed and adjust the settings to suit your needs. For example:

Step 2: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

SELLMORE Theme Product Slider

This module allows you to display the selected products in a slider on any store pages.

Step 1: Go to Extensions › Modules › SELLMORE Theme Product Slider, choose products which you want to display and input these values:

Step 2: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

SELLMORE Theme Product Tabs

This module allows you to display Bestsellers, Featured, Latest, Specials and Most Viewed products in a tabs on any store pages.

Step 1: Go to Extensions › Modules › SELLMORE Theme Product Tabs, input these values and choose featured products:

Step 2: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

SELLMORE Theme Slideshow

This module allows you to show slideshow on any store pages.

Step 1: Go to Extensions › Modules › SELLMORE Theme Slideshow, enter the module name, select "Enabled" from the "Status" list and click "Save":

Step 2: Go back to the module settings and add banners that you want to display and adjust the settings to suit your needs. For example:

Step 3: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

If you want to display two banners in a row, select "2" from the "Banners per row" list. It will look like this:

SELLMORE Theme Store TV

This module allows you to show your movies from YouTube or Vimeo on any store pages.

Style 1 - Inline

Step 1: Go to System › Design › Banners and add images that you want to display. For example:

Step 2: Go to Extensions › Modules › SELLMORE Theme Store TV, select banner and adjust other settings to your needs. For example:

Step 3: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

If you click on the thumbnail, it will look like this:

Style 2 - Classic

Go to Extensions › Modules › SELLMORE Theme Store TV › Module Style and select "Style 2 - Classic" from the list:

It will look like this:

SELLMORE Theme Testimonial

This module allows you to show testimonials on any store pages.

Step 1: Go to Extensions › Modules › SELLMORE Theme Testimonial and add your testimonials. For example:

Step 2: After you have configured a module, go to Design › Layouts and add it to a layout.

It will look like this:

Custom HTML Blocks

Top Promo Message Slider

Step 1: Go to Extensions › Modules › SELLMORE Theme Settings - General Options › Header › Top Promo Message Slider › Content, click "Code View" button and paste this code:

<br><br><br><br><br><br><br><br> <h2><span style="font-size:68px;font-weight:900;color:#ffffff;">Winter Sale</span></h2> <h2><span style="font-size:58px;font-weight:900;color:#ffffff;">All Printed T-Shirts on Sale</span></h2> <span class="subtitle" style="color:#cccccc;font-size:18px;">Aenean egestas congue est nec convallis nunc viverra ac duis sit amet mattis quam nulla<br>imperdiet tincidunt lorem ac ornare nulla pellentesque velit eu volutpat<br>ornare justo sem blandit ante et eleifend lacus mauris</span> <br><br><br><a href="#" class="btn btn-primary" target="_blank">Shop Now!</a> <br><br><br><br><br><br><br><br>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Custom Block for Header Style 2

Step 1: Go to Extensions › Modules › SELLMORE Theme Settings - General Options › Header › Header Custom Block › Content, click "Code View" button and paste this code:

<div class="header-custom-box"> <div class="buttons-header"><div class="button-i"><i class="fa fa-cube"></i></div> </div> <span class="header-custom-title" style="color:#2a2a2a;">Free Shipping</span><span class="header-custom-subtitle" style="color:#b6b6b6;">on all orders</span></div> <div class="header-custom-box"> <div class="buttons-header"><div class="button-i"><i class="fa fa-gift"></i></div> </div> <span class="header-custom-title" style="color:#2a2a2a;">Free Bonus Gifts</span><span class="header-custom-subtitle" style="color:#b6b6b6;">with every order</span></div> <div class="header-custom-box"> <div class="buttons-header"><div class="button-i"><i class="fa fa-thumbs-up"></i></div> </div> <span class="header-custom-title" style="color:#2a2a2a;">Free Returns</span><span class="header-custom-subtitle" style="color:#b6b6b6;">100% Guarantee</span></div>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Right Banner in Main Menu

Step 1: Go to Extensions › Modules › SELLMORE Theme Settings - General Options › Main Menu › Categories › Custom Blocks for Horizontal style › Right Custom Block Content, click "Code View" button and paste this code:

<div class="image" style="padding:0 0 30px;"> <a href="#" class="menu-link"><img src="image/catalog/banner/menu_banner_430_1.jpg" alt=""></a> <a href="#" class="btn btn-default menu-button">Basic Collection</a> </div>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Bottom Banner in Main Menu

Step 1: Go to Extensions › Modules › SELLMORE Theme Settings - General Options › Main Menu › Categories › Custom Blocks for Horizontal style › Bottom Custom Block Content, click "Code View" button and paste this code:

<a href="#" style="padding:0;"> <div class="widget-wrapper" style="background-color:#F2F2F2; background-image: url(image/catalog/banner/menu_banner_1860_1.jpg); background-size:cover; background-position:center; padding: 35px 60px;"> <div class="row"> <div class="col-sm-12"> <h2 style="color:#222222; margin:0; padding:0; text-align:center;">New Casual Collection</h2> </div> </div> </div> </a>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Parallax Block

Step 1: Go to Extensions › Modules › HTML Content, click "Code View" button and paste this code:

<div class="widget-wrapper widget-parallax widget-parallax-001" data-stellar-background-ratio="0.5" style="background-color:#F2F2F2; background-image: url(image/catalog/banner/content_parallax_1.jpg); text-align:center; padding: 90px 70px;"> <div class="widget-title come-item"> <h1 style="color:#222222; font-size:58px; margin-bottom:35px; text-align:center;">Final Clothing Sale</h1> </div> <div class="widget-subtitle subtitle come-item" style="color:#AAAAAA; font-size:17px; margin-bottom:60px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non dui at sapien tempor<br>gravida ut vel arcu. Maecenas odio arcu, feugiat vel congue feugiat, laoreet vitae diam.<br>Mauris risus felis, adipiscing eu consequat ac, aliquam vel urna.</div> <div class="widget-buttons widget-buttons-center come-item" style="margin-bottom:35px;"> <a href="#" class="btn btn-default">View Details</a> <a href="#" class="btn btn-primary">Shop Now!</a> </div> </div>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Step 3: Go to Design › Layouts and add module to a layout.

Social Bar 1

Step 1: Go to Extensions › Modules › HTML Content, click "Code View" button and paste this code:

<div class="widget-wrapper widget-007"> <div class="row"> <a href="#"> <div class="widget-social-button" style="background-color:#3B5998; width:20%;"> Facebook <i class="fa fa-facebook-official"></i> </div> </a> <a href="#"> <div class="widget-social-button" style="background-color:#4BB8E2; width:20%;"> Twitter <i class="fa fa-twitter"></i> </div> </a> <a href="#"> <div class="widget-social-button" style="background-color:#D73A1A; width:20%;"> Google Plus <i class="fa fa-google-plus"></i> </div> </a> <a href="#"> <div class="widget-social-button" style="background-color:#A27358; width:20%;"> Instagram <i class="fa fa-instagram"></i> </div> </a> <a href="#"> <div class="widget-social-button" style="background-color:#C92026; width:20%;"> Pinterest <i class="fa fa-pinterest"></i> </div> </a> </div> </div>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Step 3: Go to Design › Layouts and add module to a layout.

Social Bar 2

Step 1: Go to Extensions › Modules › HTML Content, click "Code View" button and paste this code:

<div class="widget-wrapper widget-010"> <div class="row"> <a href="#"> <div class="widget-social-button widget-social-button-facebook" style="width:20%;"> Facebook <i class="fa fa-facebook-official"></i> </div> </a> <a href="#"> <div class="widget-social-button widget-social-button-twitter" style="width:20%;"> Twitter <i class="fa fa-twitter"></i> </div> </a> <a href="#"> <div class="widget-social-button widget-social-button-google-plus" style="width:20%;"> Google Plus <i class="fa fa-google-plus"></i> </div> </a> <a href="#"> <div class="widget-social-button widget-social-button-instagram" style="width:20%;"> Instagram <i class="fa fa-instagram"></i> </div> </a> <a href="#"> <div class="widget-social-button widget-social-button-pinterest" style="width:20%;"> Pinterest <i class="fa fa-pinterest"></i> </div> </a> </div> </div>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Step 3: Go to Design › Layouts and add module to a layout.

Social Widget 1

Step 1: Go to Extensions › Modules › HTML Content, click "Code View" button and paste this code:

<div class="widget-wrapper widget-008"> <div class="row"> <div class="widget-social-button" style="background-color:#3B5998; width:20%;"> <a href="#"> Facebook <i class="fa fa-facebook-official"></i> </a> </div> <div class="widget-social-button" style="width:20%;"> <a href="#"> <img src="image/catalog/banner/social_widget_banner_1.jpg" alt=""> </a> </div> <div class="widget-social-button" style="background-color:#D73A1A; width:20%;"> <a href="#"> Google Plus <i class="fa fa-google-plus"></i> </a> </div> <div class="widget-social-button" style="width:20%;"> <a href="#"> <img src="image/catalog/banner/social_widget_banner_2.jpg" alt=""> </a> </div> <div class="widget-social-button" style="background-color:#C92026; width:20%;"> <a href="#"> Pinterest <i class="fa fa-pinterest"></i> </a> </div> </div> <div class="row"> <div class="widget-social-button" style="width:20%;"> <a href="#"> <img src="image/catalog/banner/social_widget_banner_3.jpg" alt=""> </a> </div> <div class="widget-social-button" style="background-color:#4BB8E2; width:20%;"> <a href="#"> Twitter <i class="fa fa-twitter"></i> </a> </div> <div class="widget-social-button" style="width:20%;"> <a href="#"> <img src="image/catalog/banner/social_widget_banner_4.jpg" alt=""> </a> </div> <div class="widget-social-button" style="background-color:#A27358; width:20%;"> <a href="#"> Instagram <i class="fa fa-instagram"></i> </a> </div> <div class="widget-social-button" style="width:20%;"> <a href="#"> <img src="image/catalog/banner/social_widget_banner_5.jpg" alt=""> </a> </div> </div> </div>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Step 3: Go to Design › Layouts and add module to a layout.

Social Widget 2

Step 1: Go to Extensions › Modules › HTML Content, click "Code View" button and paste this code:

<div class="widget-wrapper widget-009"> <div class="row"> <div class="widget-social-button widget-social-button-facebook" style="width:20%;"> <a href="#"> Facebook <i class="fa fa-facebook-official"></i> </a> </div> <div class="widget-social-button" style="width:20%;"> <a href="#"> <img src="image/catalog/banner/social_widget_banner_1.jpg" alt=""> </a> </div> <div class="widget-social-button widget-social-button-google-plus" style="width:20%;"> <a href="#"> Google Plus <i class="fa fa-google-plus"></i> </a> </div> <div class="widget-social-button" style="width:20%;"> <a href="#"> <img src="image/catalog/banner/social_widget_banner_2.jpg" alt=""> </a> </div> <div class="widget-social-button widget-social-button-pinterest" style="width:20%;"> <a href="#"> Pinterest <i class="fa fa-pinterest"></i> </a> </div> </div> <div class="row"> <div class="widget-social-button" style="width:20%;"> <a href="#"> <img src="image/catalog/banner/social_widget_banner_3.jpg" alt=""> </a> </div> <div class="widget-social-button widget-social-button-twitter" style="width:20%;"> <a href="#"> Twitter <i class="fa fa-twitter"></i> </a> </div> <div class="widget-social-button" style="width:20%;"> <a href="#"> <img src="image/catalog/banner/social_widget_banner_4.jpg" alt=""> </a> </div> <div class="widget-social-button widget-social-button-instagram" style="width:20%;"> <a href="#"> Instagram <i class="fa fa-instagram"></i> </a> </div> <div class="widget-social-button" style="width:20%;"> <a href="#"> <img src="image/catalog/banner/social_widget_banner_5.jpg" alt=""> </a> </div> </div> </div>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Step 3: Go to Design › Layouts and add module to a layout.

Live Chat Block

Step 1: Go to Extensions › Modules › SELLMORE Theme Settings - General Options › Footer › Top Custom Block, click "Code View" button and paste this code:

<div class="widget-wrapper widget-footer-004" style="padding: 0;"><div class="row"><div class="col-sm-4"><div class="widget-footer-chat-icon-1 icon-comments" style="color:#16B778;"><i class="fa fa-comments-o"></i></div><div class="widget-footer-chat-title" style="color:#8C8C8C; margin:0; font-size:13px; font-weight:normal; text-transform:uppercase;">Need Help?</div><div class="widget-footer-chat-subtitle" style="margin:0;"><h3 style="color:#FFFFFF;">Have a Question?</h3> </div></div> <div class="col-sm-4 text-center"><span class="subtitle" style="color:#8C8C8C; margin:0;">Our Customer Service Team are online now<br>and waiting to chat to you.</span></div> <div class="col-sm-4 widget-buttons widget-buttons-right text-right"><a href="#" class="btn btn-default">Start Live Chat</a></div> </div> </div>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Who we are

Step 1: Go to Extensions › Modules › SELLMORE Theme Settings - General Options › Footer › Custom Column 1, click "Code View" button and paste this code:

<p>SELLMORE is a Modern, Fully Responsive and Multi-Purpose OpenCart Solution, for any type of store, designed with great attention to details and usability in mind.</p> <br><p>Got Questions? Call us 24/7:<br><span class="hotline">LA: 1-800-321-321, NY: 1-800-123-123</span></p> <br><p>Los Angeles: <span>135 South Park Avenue, CA 90024</span></p> <p>New York: <span>123 West 19th Street, NY 10011</span></p>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Bottom Custom Block

Step 1: Go to Extensions › Modules › SELLMORE Theme Settings - General Options › Footer › Bottom Custom Block, click "Code View" button and paste this code:

<p class="bottom-links"><a href="#">Home</a> | <a href="#">Woman</a> | <a href="#">Man</a> | <a href="#">Kids & Babies</a> | <a href="#">Accessories</a> | <a href="#">Jewerly</a> | <a href="#">Watches</a> | <a href="#">Electronics</a> | <a href="#">Health & Beauty</a> | <a href="#">Sport</a> | <a href="#">Art</a> | <a href="#">Home & Garden</a> </p> <p class="mobile-apps"> <a href="#"><img src="image/catalog/mobile_app_google_play.png" alt=""></a> <a href="#"><img src="image/catalog/mobile_app_app_store.png" alt=""></a> <a href="#"><img src="image/catalog/mobile_app_windows_store.png" alt=""></a> </p> <p>This is a CMS block edited from theme admin panel. You can insert any content (text, images, HTML) here.<br><br><br></p>

Step 2: Edit the content to suit your needs.

Please Note: For changes to be saved, first disable "Code View", and then click "Save".

Sliding Bottom Custom Block

Step 1: Go to Extensions › Modules › SELLMORE Theme Settings - General Options › Footer › Sliding Bottom Custom Block, click "Code View" button and paste this code:

<br> <div style="width:65%;text-align:center;"> <h2 style="font-size:81px;font-weight:900;color:#222222;text-align:center;">All Men's Vests<br>Up to 30%</h2> <span class="subtitle" style="font-size:19px;color:#aaaaaa;"> Aenean egestas congue est nec convallis nunc viverra ac duis amet mattis<br> ac ornare nulla pellentesque velit volutpatornare sem blandit mauris</span> <br><br><br> <a href="#" class="btn btn-primary" target="_blank">Shop Now!</a> <div></div></div>

Step 2: Edit the content to suit your needs.

Please Note:
1. For changes to be saved, first disable "Code View", and then click "Save".
2. This block is available only for "Full Width" layout style.
3. To add background image or pattern, go to SELLMORE Theme Settings - Design › Background Images › Footer › Sliding Bottom Custom Block.

Blog

SELLMORE Theme supports FREE TLT Blog extension. You can download this extension HERE

Important:
* We are not the authors of TLT Blog module and we don't provide any support for this module.

CSS Structure

Here is the list of css files that SELLMORE Theme uses:

animate.css
cloud-zoom.css
dcaccordion.css
elastic_slideshow.css
livesearch.css
stylesheet.css
stylesheet-small-screens.css
ui.totop.css

JavaScript Structure

The custom javascript files are located in catalog/view/theme/sellmore/js:

quickview.js
cloud-zoom.js
custom-theme.js
jquery.dcjqaccordion.js
jquery.easing-1.3.min.js
jquery.eislideshow.js
jquery.eucookiebar.js
jquery.stellar.js
jquery.sticky.js
jquery.ui.totop.js
jquery.visible.min.js
livesearch.js
tickerme.js

Credits

Animate by Daniel Eden
Elastislide by Manoela Ilic
DC jQuery Accordion by Design Chemical
Cloud Zoom by R Cecco
Cookiebar by Carl Woodhouse
Stellar by Mark Dalgleish
Sticky by Anthony Garand
TipTip by Drew Wilson
UItoTop by Matt Varone
Patterns by Subtle Patterns
Font Awesome by @davegandy

SELLMORE Theme Support

In order to streamline support requests and better serve you, we utilize a support ticket system. Every support request is assigned a unique ticket number which you can use to track the progress and responses online. For your reference we provide complete archives and history of all your support requests.

SELLMORE Theme Support Ticket System »