JewelUX WordPress Theme Documentation

Introduction

Thank you for Purchasing our JewelUX WordPress Theme. We are very glad that you have chosen our JewelUX WordPress Theme for your website.

JewelUX WordPress theme is a beautifully designed responsive WordPress Theme for your Jewelry website. JewelUX is wordpress ecommerce theme based on WooCommerce plugin. It is suitable for jewelry, fashion and apparel related online stores. It is also multipurpose theme which can be used for any kind of online store. JewelUX WooCommerce theme is looking good with its clean and fresh design.

This document is written very carefully by keeping the mindset that it should be easy understand for Beginner to Advance user or developers. We have divided this document in 3 main sections.

1) Getting Started : This section will very help full for Quick start and understand how setup theme.
2) Detailed Document : This section explains everything about JewelUX Theme with every setting.
3) Other : This section provides information about miscellaneous items like theme features etc.

If you have any query that is beyond the scope of document, please feel free to contact us at support@solwininfotech.com

JewelUX Premium WordPress Theme
We offer theme customization. Get in touch for a quote.
Quick Search Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

To install this theme you must have a working version of WordPress already installed. For information regarding installing the WordPress platform, please see the WordPress Codex  https://codex.wordpress.org/Installing_WordPress

1. Installation Via WordPress Admin Area

  1. Step 1. Log into your WordPress admin area.
  2. Step 2. Go to Dashboard » Appearance » Themes.

  3. Add New Theme

  4. Step 3. Now, Click on Upload Theme button at top and upload jewelux.zip which you have downloaded from your Member Area at Solwin Infotech website.
  5. Step 4. Click on Activate once upload has finished.
  6. Upload New Theme
    Activate Theme


2. Installation Using FTP

  1. Step 1. Download jewelux.zip file from your Member Area at Solwin Infotech website.
  2. Step 2. Extract Zip file.
  3. Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
  4. Step 4. Go to Dashboard » Appearance » Themes and find JewelUX theme from list.
  5. Step 5. Click on Activate to active JewelUX theme.
Active Theme

Install & Active the Plugins

After the JewelUX theme is activated, a notification occurs on the top that will suggest which plugins are required in theme.

Activation Message

Click on Begin installing plugins for plugin installation OR Click on Begin activating plugins if plugins are already installed.


Required Plugins in Theme:

  • Contact Form 7: Manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup.
  • MailPoet 3: Create and send newsletters, post notifications and welcome emails from your WordPress.
  • WooCommerce: WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control.
  • YITH WooCommerce Compare: YITH WooCommerce Compare plugin is an extension of WooCommerce plugin that allow your users to compare some products of your shop.
  • YITH WooCommerce Wishlist: What can really make the difference in conversions and amount of sales is without a doubt the freedom to share your own wishlist, even on social networks, increasing indirect sales: can you imagine the sales volume you can generate during holidays or birthdays, when relatives and friends will be looking for the wishlist of your clients to buy a gift?
  • YITH WooCommerce Zoom Magnifier: Offer to your visitors a chance to inspect in detail the quality of your products. With YITH WooCommerce Zoom Magnifier you can add a zoom effect to all your product images. The Wordpress plugin also adds a slider below the featured image with your product gallery images.

Recommended Plugin:

  • Avartan Slider: A Responsive WordPress slider that allows you to create unlimited layers with text, image and video elements.

System Status Info

Note : Set "Max execution time" to at least "3600" and set "Max input vars" to "1500".

Above configuration will helps you to run the auto install successfully.

System Info details Section

Auto Install Sample Data

Note: Before start the auto install. Check the System status tab to ensure your server meets all requirements for a successfully import sample data. Settings that need attention are listed in red.
Note: In order to import data successfully check that all required plugins are installed and activated.

Sample data provide the dummy content. By importing this data your site will look like the demo website.

To Auto Install Sample Data:

  1. Step 1. Go to your Dashboard » Theme Option » Install demos.
  2. Step 2. Click on START INSTALL Button to install the dummy content.
One Click Install

Remove the installed dummy content from your website.

To Remove Sample Data:

  1. Step 1. Go to your Dashboard » Theme Option » Install demos.
  2. Step 2. Click on UNINSTALL Button to remove the dummy content.
Remove Sample Data
Not Recommended: Do this action if you really want to remove installed sample data and want to start again from scratch.

Setting Up Home Page

This section will help you to arrange home page and other pages of your site. This will also guide to you as how to set up WordPress Menus, Create a Slider/Banner, Create Home Page, Use of Page Templates and insertion of shortcode in pages.

Home Page View
  1. Step 1: Go to Dashboard » Pages » Add New.
  2. Step 2: Enter page title.
  3. Step 3: Select template as Home Page Template for Page Attribute as shown in below image
  4. Step 4: Publish this page
  5. Home Page Setting
  6. Step 5: Go to Dashboard » Settings » Reading, select home page as a front page
  7. Front Page Home

Setting Up Home Page Widget

  1. Step 1. Go to Dashboard » Appearance » Widgets, Drag and Drop the widgets in Home Page Slider Area
Home Page Slider Area

Admin Preview

Home Page Slider Area admin preview

Front End Preview

Home Page Slider Area front preview
  1. Step 2. Go to Dashboard » Appearance » Widgets, Drag and Drop the widgets in Home Page Content Area
Home Page Content Area

Admin Preview

Home Page Content Area admin preview

Front End Preview

Home Page Content Area front preview

Create Slider

  1. Step 1. Go to Dashboard » Avartan Slider

  2. Step 2. Click on

    Create new slider

  3. Step 3. Add the slider name. Shortcode of the slider will be generated automatically (see image below).

    Save Settings

  4. Step 4. Click on create slide button to save your slider.

  5. Step 5. Next to that, Click on Edit slides at top of page for edit your slide details.

  6. Step 6. To add new slide click on Add slide button at right side of the slide list and add new Layer from Add New Layer

    create slide

  7. Step 7. In order to add Avartan Slider on any page, navigate to Pages » Add New

  8. Step 8. Click on add-avartan-slider-btn

    Add Avartan Slider

  9. Step 9. Select slider and click on Insert Avartan Slider button

    Select Slider

  10. Avartan Slider shortcode added successfully. Now save the page and enjoy the slider.

    slider added

Building the Menu

  1. Step 1. Go to Dashboard » Appearance » Menus.
  2. Step 2. Click on Create a new menu as show in below image.
  3. Step 3. Enter menu name and click on Create Menu as shown in below image.
  4. Create a Menu
  5. Step 4. Select Pages like Jewelry WordPress Theme, Icons, Typography, Tabs, Share and Follow, Progressbar etc from left Side and click on Add to Menu button as show in below image
  6. Step 5. After selecting pages select menu location and click on Save Menu.
  7. Final Step in Menu

  8. Primary Menu Front Preview
    Final Step in Menu

  9. Top Bar Menu Admin Preview
    Final Step in Menu

  10. Top Bar Menu Front Preview
    Final Step in Menu

Create Mega Menu

Mega menu can create with Auto or Fixed width size. It will manage, automatically according to the number of columns. There are other options as like Navigation label which manage to show or hide navigation label.

Mega Menu Backend

Megamenu Creation

Mega Menu Front

Megamenu Front

Setting up Page Template

How to select page template:

Select a page template from Page Attributes as shown in below image.

Page Template

There are following page templates:

  • Home Page Template: This page template is used to display home page content.
  • Full Width Page Template: This page template is used to display content in a full width page.
  • Left Sidebar Page Template: This page template is used to display sidebar at the left side on a page.
  • Blog Page Left Sidebar Template: This page template is used to display blog with left sidebar.
  • Contact us Page Template: This page template is used to display contact us page.

Setting up Widgets

  1. Step 1. Go to Dashboard » Appearance » Widgets, Drag and Drop the widgets in Main Sidebar area

Admin Preview

Main sidebar admin preview

Front End Preview

Main sidebar front preview

Our clients widget

This widget will be used to display your jewelry store clients with logos and live links.

Admin Preview

Our client widget

Front End Preview

Our Client

Text Image Block widget

This widget will be used to display your wide width advertisement images with text and links to target specific URLs.

Admin Preview

Text Image Block

Front End Preview

Text Image Block

Text Image Block

Social Media Block widget

This widget will be used to display social media share/follow icons.

Admin Preview

Social Media Block

Front End Preview

Social Media Block

Google Map widget

This widget will be used to display Google Map in your website pages like contact us page.

Admin Preview

Google Map

Front End Preview

Google Map

Contact Information widget

This widget will be used to display your contact information like postal address, phone number, fax and contact email.

Admin Preview

Contact Information

Front End Preview

Contact Information

Recent Posts Widget

This widget will be used to display Your site's most recent posts like latest blog with featured images.

Admin Preview

Recent Post widget admin

Front End Preview

Recent Post widget front

WooCommerce Products widget

This widget will be used to display WooCommerce Products widget with beautiful JewelUX design.

Admin Preview

WooCommerce widget Admin

Front End Preview

WooCommerce Widget Front

Season Jewelry Widget

This widget will be used to display seasonal advertisements as 3 column seasonal sale updates with left-right advertisement images and links.

Admin Preview

Season Jewelry widget

Front End Preview

Season Jewelry widget

Our Services Widget

This widget will be used to display your services in 4 column layouts with title, subtitle and font awesome icons.

Admin Preview

Our Services widget

Front End Preview

Our Services widget

Our Testimonials Widget

This widget will be used to display your client testimonials as a slider.

Admin Preview

Our Testimonial widget

Front End Preview

Our Testimonial widget

Product Discount Widget

This widget will be used to display your selected discount products with eye catching highlights.

Admin Preview

Product Discount widget

Front End Preview

Product Discount widget

Facebook Like Widget

This widget will be used to display your facebook page feed.

Admin Preview

Facebook widget

Front End Preview

Facebook widget

Flickr Photos

This widget will be used to display flickr photos.

Admin Preview

Flickr Photos

Front End Preview

Flickr Photos

Instagram Photos Widget

This widget will be used to display Instagram photos.

Admin Preview

Instagram widget

Front End Preview

Instagram widget

Twitter Feeds

This widget will be used to display your Twitter page feed.

Admin Preview

Twitter Feeds widget

Front End Preview

Twitter Feeds widget

Create Custom Widget Area

  1. Step 1. Go to Dashboard » Appearance » Widgets

    Create Custom Widget Area

  2. Step 2. Enter Name of new widget area. Click on "Add Widget Area".

    Widget Area

  3. Step 3. After Custom Widget Area created, Drag and Drop the widgets in Custom Widget Area.

    Custom Widget Area

  4. Step 4. Custom Widget Area looks like this.

    Custom Sidebar Area

  5. Step 5. To delete Custom Widget Area click on - icon.

Custom Sidebar Option

Custom Sidebar Option

Manage Custom Sidebars with different Page templates, you can create it in Widget panel and manage it with different Pages.

Note: Custom Sidebar will not work for Full Width Template & Home page Template.
add_client

Add Product

Add Product

Add Testimonial

Add Testimonial

Add Client

Add Client

Shop Page

Shop page

Add Shortcode in Page

  1. Step 1. Go to Dashboard » Pages » Add New.
  2. Step 2. Click on Default Shortcodes (as show in below left image).
  3. Step 3. Now, select the shortcode from list (as show in below right image).
Add Shortcode Button
Add Shortcode in Page

Headers Shortcodes

These shortcodes will be used for displaying h1, h2, h3, h4, h5, h6 tags.

H1 Tag :

[sol_header type='h1' title='demo content' margin_top='5px' margin_bottom='5px']

<h1 style='margin-top:5px;margin-bottom:5px'>;demo content</h1>;

H2 Tag :

[sol_header type='h2' title='demo content' margin_top='5px' margin_bottom='5px']

<h2 style='margin-top:5px;margin-bottom:5px'>;demo content</h2>;

H3 Tag :

[sol_header type='h3' title='demo content' margin_top='5px' margin_bottom='5px']

<h3 style='margin-top:5px;margin-bottom:5px'>;demo content</h3>;

H4 Tag :

[sol_header type='h4' title='demo content' margin_top='5px' margin_bottom='5px']

<h4 style='margin-top:5px;margin-bottom:5px'>;demo content</h4>;

H5 Tag :

[sol_header type='h5' title='demo content' margin_top='5px' margin_bottom='5px']

<h5 style='margin-top:5px;margin-bottom:5px'>;demo content</h5>;

H6 Tag :

[sol_header type='h6' title='demo content' margin_top='5px' margin_bottom='5px']

<h6 style='margin-top:5px;margin-bottom:5px'>;demo content</h6>;

Dividers Shortcodes

This shortcode will be used to add a divider in content.

Solid Line Divider :

[sol_divider type='solid']
Dotted Line Divider :

[sol_divider type='dotted']
Dashed Line Divider :

[sol_divider type='dashed]
Double Line Divider :

[sol_divider type='double']

Spacer Shortcode

This shortcode will be used to put a horizontal space of a given pixel.

[sol_spacer size='30px']

Message Box Shortcodes

This shortcode will be used to display messages like success, danger, warning, info, etc.

Success Message Box :

[sol_messagebox type='success'] Well done! You successfully read this important alert message. [/sol_messagebox]

Success Message Box

Danger Message Box :

[sol_messagebox type='danger'] Oh snap! Change a few things up and try submitting again. [/sol_messagebox]

Danger Message Box

Warning Message Box :

[sol_messagebox type='warning'] Warning! Better check yourself, you're not looking too good. [/sol_messagebox]

Warning Message Box

Info Message Box :

[sol_messagebox type='info'] Heads up! This alert needs your attention, but it's not super important. [/sol_messagebox]

Info Message Box

Share & Follow Icons Shortcodes

This shortcode will be used to display share and follow icons

Share Icons :

[sol_shareicon size='small|large' shape='circle|square']

Share Icons

Follow Icons :

[sol_followicon size='small|large' shape='square|circle' facebook="https://www.facebook.com/" twitter="https://twitter.com/" pinterest="https://in.pinterest.com/" googleplus="https://plus.google.com/" rss="https://www.rss.com/" instagram="https://instagram.com/" linkedin="https://in.linkedin.com/" youtube="https://www.youtube.com/"]

Follow Icons

Tab Shortcode

This shortcode will be used to display the tabs

[sol_tabs type='vertical|horizontal' style='1|2'][sol_tab title='add title here']add content here[/sol_tab][so_ltab title='add title here']add content here[/sol_tab][sol_tab title='add title here']add content here[/sol_tab][/sol_tabs]

Tabs

Progress Bar & Pie Chart Shortcode

This shortcode will be used to display progress bar and pie chart

Progress Bar :


[sol_progressbar value='50' title_position='in' margin_top='5px' margin_bottom='5px' style='1|2|3']add title here[/sol_progressbar]

Progressbar

Pie Chart :


[sol_piechart value='80' show_percent='n' margin_top='0' margin_bottom='0' title='WordPress' style='1' thickness='0.3' width='250']add content here[/sol_piechart]

Piechart

Piechart

Map Shortcodes

This shortcode will be used to display maps in content or contact us page.

1. Roadmap type :

[sol_map type='ROADMAP' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Roadmap

2. Satellite type :

[sol_map type='SATELLITE' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Satellite

3. Hybrid type :

[sol_map type='HYBRID' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Hybrid

4. Terrain type :

[sol_map type='TERRAIN' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Terrain

Accordion and Toggles Shortcodes

This shortcode will be used to display accordion & toggle.

Accordion :


[sol_accordians style='1|2|3'][sol_accordian title='add title here']add content here[/sol_accordian][sol_accordian title='add title here']add content here[/sol_accordian][sol_accordian title='add title here']add content here[/sol_accordian][/sol_accordians]

Accordion

Toggles :


[sol_toggles style='1|2|3'][sol_toggle title='add title here']add content here[/sol_toggle][sol_toggle title='add title here']add content here[/sol_toggle][sol_toggle title='add title here']add content here[/sol_toggle][/sol_toggles]

Toggles

Pricing Table Shortcode

This shortcode will be used to display pricing table.

[sol_pricingtable columns='3|4' collapsed='y|n'][sol_pricingcolumn heighlight='y|n' title='Premium' price='$50' time_period = 'per year' btn_link='#' btn_txt='Buy Now']add content here[/sol_pricingcolumn][/sol_pricingtable]

Pricing Table

Sitemap Shortcode

This shortcode will be used to display Sitemap.

[sol_sitemap site_pages='yes' site_archive='yes' site_post='yes']

Sitemap

Testimonial Shortcode

This shortcode will be used to display Testimonials.

 [sol_testimonials]

Testimonial

WooCommerce Shortcode

Products :

This shortcode will be used to display all Products.

[products per_page='8' columns='4']

products

Recent Products :

This shortcode will be used to display Recent Products.

[recent_products per_page='4' columns='4']

Recent Products

Top Rated Products :

This shortcode will be used to display Top Rated Products.

[top_rated_products per_page='4' columns='4']

Top Rated Products

Featured Products :

This shortcode will be used to display Featured Products.

[featured_products per_page='4' columns='4']

Featured Products

Sale Products :

This shortcode will be used to display Sale Products.

[sale_products per_page='4' columns='4']

Sale Products

Best Selling Products :

This shortcode will be used to display Best Selling Products.

[best_selling_products per_page='4' columns='4']

Best Selling Products

Product Categories :

This shortcode will be used to display Product Categories.

[product_categories]

Product Categories

Display Products Category Wise:

This shortcode will be used to display Products of Category.

[product_category category='bracelets' per_page='4' columns='4']

Products Category

General Settings

General Settings

Header Settings

Header Settings

Header Layout Setting

Header Layout Settings

Design Setting

Design Settings

Blog Page Settings

Blog page

Single Post Page Settings

Single page

WooCommerce Product Page settings

Product Page settings

WooCommerce Single Product Page settings

Single Product Page settings

Contact Us Page Settings

Contact Us Page Settings

Import Export Settings

Import Export

Theme features

The theme comes with tons of features that you can control easily via our user-friendly theme admin panel. You can find these features below:

  • Browser Compatible
  • Mobile Friendly Responsive Theme
  • Multi Purpose WordPress Theme
  • Powerful Theme Options Panel
  • Home Page Banner with Avartan Slider Plugin
  • Inbuilt custom page templates like Contact Us, Blog Page, Left Sidebar, Home Page, and Full Width Template.
  • Page Layouts – Full Width Page and Left Sidebar Page
  • 15 very useful shortcodes instead of plugins.
  • Latest Bootstrap & Font Awesome version Support
  • Contact Form 7 ready: A working contact form
  • RTL Support
  • Unlimited color options
  • Translation Ready (.pot files)
  • Pre-made Demos
  • In Build widgets
  • Powerful Testimonial Presentation
  • Online shop facility available in different categories of jewelry
  • Product shop page, product detail single page, variation product etc. design available
  • Google Maps integration with animated custom pin point
  • Custom Header Scripts and Footer Scripts support
  • Compatible with WordPress 4.X & WooCommerce 3.X
  • Provide support with: Script for edge menu.
  • Provide: Overwrite file for Yith WooCommerce Compare plugin support<./li>
  • Update: RTL & Color schema issues with pages, posts and comment sections<./li>

FAQ

1. Does this theme support any plugins?

JewelUX includes support of plugins like Avartan Slider, Blog Designer PRO, Contact Form 7, MailPoet Newsletters and WooCommerce.


2. For which purposes I can use your theme?

JewelUX WordPress Theme is suitable for jewelry, fashion and apparel related online stores. It is also multipurpose theme which can be used for any kind of online store.

Translation

JewelUX theme is language compatible, thus can be translated into multiple languages. You can use POEdit plugin for translation.

  1. Step 1. Find the .pot file in /wp-content/themes/jewelux/languages/

    .pot file
  2. Step 2. Select language from admin side, Go to Dashboard » Settings » General in that check Site Language options.

    Select language
  3. Step 3. Check language prefix in front end, view HTML.

    Language prefix
  4. Step 4. Open the .pot file with POEdit and translate the texts into your preferred language.

    translate texts
  5. Step 5. Now you will get two separate files – a .po file and a .mo file.

    Note : When you save the files, you must name them according to your language code. Find a list of language codes at WordPress in your Language. For example, the language code for English is en_EN, so you would save the translated files as en_EN.po and en_EN.mo.

  6. Step 6. Now Paste that two .po & .mo files in /wp-content/themes/jewelux/languages/ and rename to eg( en_CA.mo & en_CA.po ).

    .po and .mo files
For more about translating WordPress themes please visit the following link : https://developer.wordpress.org/themes/functionality/localization/

Update Theme

How to upgrade theme? Follow the below steps and upgrade your theme.

  1. Step 1 : Login with your WordPress admin area.
  2. Step 2 : Go to Dashboard » Jewelux » Upgrade.
  3. Step 3 : Check your installed theme version and latest available version.
    upgrade theme
  4. Step 4 : If you already installed the latest version, then ignore the following steps otherwise go through to the following steps.
  5. Step 5 : Go to solwininfotech.com
  6. Step 6 : Login with your username and password (If you are not logged in) OR Register
  7. Step 7 : Buy JewelUX theme (If you haven't purchased a theme)
  8. Step 8 : Go to My account
  9. Step 9 : Click on "Payment History" tab
  10. Step 10 : View your order
  11. Step 11 : Download jewelux.zip file

Note: Please note that with the theme update any code modifications done in the theme's code will be lost, so please make sure you have a backup copy of the theme files before you update the a theme.

Now installing an update:

  1. 1. Update Using FTP

    1. Step 1. Download jewelux.zip file from your Member Area at Solwin Infotech website.
    2. Step 2. Extract Zip file.
    3. Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
    4. Step 4. Go to Dashboard » Appearance » Themes and find JewelUX theme from list.
    5. Step 5. Click on Activate to active JewelUX theme.
    Active Theme

Note: Please note that with the activating of the new theme it is possible your menu setting not to be saved for the new theme. If so, you just have to go to Appearance » Menus » Theme Locations, select the menu (it will be still there) and press the "Save" button.

Thanks for using JewelUX Theme!

We would like to thank you for using our JewelUX Theme! If you have any difficulties with JewelUX Theme or need any additional service, do not hesitate to contact us. We provide priority support with our all premium WordPress themes and plugins.

Just contact us on support.solwininfotech.com

We are very happy to assist you!