HELLO ! FIRST OF ALL WE WOULD LIKE TO THANK YOU SO MUCH FOR CHOOSING OUR THEME!
Here are some basics on installing, configuring and customizing the Opal Template. If you have any questions that are beyond the scope of this help file, please feel free to contact us via email : email@example.com
If you have any questions regarding to theme issues, please submit a ticket at http://wpopal.com/ (Registration Required)
We truly appreciate and really hope that you'll enjoy our theme!
If you like this theme, Please support us by rating us 5 stars (How to rate?)
Opal WordPress Team
To install this theme you must have a working version of WordPress already installed. Make sure your installed Wordpress version is 3.8 or higher. You also need to have PHP 5.2.4 or higher versions (recommended is php 5.3+) and MySQL 5.0 in order for Striking to function correctly. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the Instructional Video created by Woo Themes.
Purchase Opal Bigshop template from Themeforst then you can download our template from there.
Extract Package that include all files and folders of theme.
Installing a WordPress theme is super easy, you can see our video guide:
- Navigate to Appearance → Themes in your WordPress admin dashboard.
- Click the Add New button at the top of the page and go for the Upload option.
- For the file upload, pick Theme Files/ bishop.zip in the theme package downloaded from ThemeForest and click Install Now.
Many users are on shared hosting with low upload limits, and in such situations the Striking theme is often too large to install through Wordpress. We suggest you should upload it via FTP.
If you don't know how to use FTP visit this link for information: http://codex.wordpress.org/FTP_Clients . You will need to first uncompress the Opal-template.zip file you have found in the master zip downloaded from Themeforest. This zip uncompresses into a normal folder . This unzipped folder is all you need to transfer via ftp and if you open it, you will see all sorts of folders and css and php files which together contain all the Opal theme coding.
Using the FTP program transfer this folder which contains the above files to the Wordpress installation theme root directory: /wp-content/themes.
Do not upload any of the other files or folders such as licensing or resource or documentation. Uploading any of the other folders may cause problems resulting in the Opal theme not working properly. Learn from Wordpress Official Document about installing theme with FTP client or with cPanel: http://codex.wordpress.org/Using_Themes
After completing the upload, activate the theme as per activating any other theme.
Goto your Dashboard >> Appearance >> Themes >> Activate BigShop template
Active like images:
Are you WordPress Newbie?
We offer free demo installation. Your site will looked like our demo site. Give us your information of your host via email : firstname.lastname@example.org
Right after the theme was activated, a notification at the top of the screen will suggest to continue with the installation of the plugins recommended for getting the best our of your theme.
Install like images :
Step 1. Click ‘Begin installing plugins‘ and select the plugins you need to install from the list.
Step 2: Select all plugins then choose Install , Click Apply to install all plugins
Step 3: After Installing all Plugins, select Activate then click Apply to active all plugins.
Watch our video guide to know more :
Before installing data demo, you need setting up image sizes.
These settings affect the actual dimensions of your product images in the shop pages. You can skip this step in case you’re starting a new website and your WordPress installation is fresh, but if you’re switching from another theme and you already have products in your store, you need to make sure the WooCommerce image sizes are the correct ones for your newly installed theme.
a. Navigate to WooCommerce → Settings → Products and find the “Product Image Sizes ” section at the bottom of the page.
Update those values with the following this image for BigShop theme.
b. To see the changes after you update the image sizes, you need to re-generate the images WordPress is using in your site. You can find the option to do it by navigating to Tools → Regen.Thumbnails.
The BigShop comes with importable demo data, such as pages, products blog posts, portfolio items, etc, to help you get started in case you’re running on a fresh WordPress installation.
Step 1: From the WordPress admin area go to Tools >> Import and click on the WordPress link.
Step 2: You can import our all of our demo by one step by selecting XML file follow under image
Step 3: Assign Authors
Follow our video guide to know more :
You can see all our widgets, easy to config by drag and drop Widgets to sidebar or position you want
Example of Right Sidebar with some Widgets.
Watch our video guide to know more :
You can quickly build a home page using Visual Composer for WordPress that is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required
From your Dashboard admin Navigate to Pages
- Select All Pages to see all page then click edit one page you want
- Select Add New to create new page
You can insert code on table then Home page will be created automatically.
[vc_row][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/2"][vc_single_image image="130" img_link_target="_self" img_size="427x230"][/vc_column_inner][vc_column_inner width="1/2"][vc_single_image image="132" img_link_target="_self" img_size="427x230"][/vc_column_inner][/vc_row_inner][vc_tabs][vc_tab title="Featured Product" tab_id="1395304863-1-75"][wpo_products type="featured_product" number="6" columns_count="3"][/vc_tab][vc_tab title="New products" tab_id="1395304863-2-28"][wpo_products type="recent_product" number="6" columns_count="3"][/vc_tab][/vc_tabs][vc_row_inner][vc_column_inner width="1/1"][vc_single_image image="137" img_link_target="_self" img_size="872x130"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/1"][wpo_productcategory category="electronics-computers" number="8" columns_count="4" icon="fa-search"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/1"][wpo_productcategory category="home-kitchen" number="4" columns_count="4" icon="fa fa-lightbulb-o" el_class="brown"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/1"][wpo_productcategory category="beauty-health" number="4" columns_count="4" icon="fa fa-heart" el_class="cadillac"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/1"][wpo_productcategory category="clothing-shoes-jewelry" number="4" columns_count="4" icon="fa fa-female" el_class="green"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/1"][vc_single_image image="150" img_link_target="_self" img_size="873x130"][/vc_column_inner][/vc_row_inner][vc_posts_grid loop="size:2|order_by:date|post_type:post" grid_columns_count="2" grid_layout="title,image,text" grid_link_target="_self" grid_layout_mode="fitRows" title="Recent Updates"][/vc_posts_grid][wpo_brands title="shop by brands" number="12" icon="fa-renren" el_class="brand-logo"][/vc_column][/vc_row]
After all done . Don't foget to clicking Publish or Update Page
Drag and drop element you need to build your page layout.
Moreover Opal team provide to you more elements to create your shop page easier
Using Visual Composer -> Click Add element -> Select WPO Elements -> Choose Elements you want
For example : using WPO Product Category
- Choose category to display
- Set number of products to show
- Set products count per pages ( set 3 mean 3 products per one carousel)
- Set icon you want by using code ( go to there to find more icons)
- Extra class name: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.
To set one of the pages you already have created as the Home page for your site, from your WordPress dashboard, navigate to Settings → Reading.
Select “A static page” and choose “Your Homepage” as the Front Page.
Save change then Homepage will be set.
Navigate to Posts → Add New, then fill your information
- Start filling in the blanks: enter your post title, write your actual body content in the main post editing box below it.
- As needed, select a category, add tags, and make other selections from the sections below the post.
- You can create blog post with a lot of Formats like link, gallery, image ..... Select format you want to create on Format from in right sidebar.
- Moreover you can embed video, audio, link on title blog when you set it in "Embed Options" section
+ Embed Post format : you can fill the link of youtube and vimeo to embed video
+ Link Post format : fill the link to embed link in title of blog post.
- Use SEO Fields to create SEO for you blog post
- When your post is ready, click Publish.
Navigate to Posts → All Posts
You can see all informations of you blog post, add new, edit or delete them.
Opal template use powerful theme options that helps you easily take control over the appearance of your site, by allowing you to upload your logo, style the theme with your custom unlimited colors, turn features on and off, without having to write any code.
To access go to your admin Dashboard Navigate to Appearance >> Theme Options
- Tab General : Manage general setting
- Tab Single Post : Manage setting of single post
- Tab SEO Optione : Manage Seo and custom word meta
- Tab Social Setting :Manage Social Networks icons and links
- Tab Customization : Customize the colors, backgrounds and fully theme appearance
- Tab Megamenu : Setting your megamenu
- Tab Woocommerce : manager some setting for products
Live Theme Editor is great and powerly module to customize your theme by Opal themes . Opal themes developed the back-end control tools that allow to customize your theme. You can change unlimited colour item, colour text, colour background, and almost item in your theme... Powerful option panel which allows you to change not only elements colours, but also change theme's backgrounds, upload your own full size image background or your own pattern!
- Navigate to Appearance → Theme Options in your WordPress admin dashboard.
- Click on Customization Tab, select Live Theme Editor
- After you create one customization theme, go back there and Select customization theme .
- Click Save Options to make front-end site look like customization theme.
Watch our video guide to know how to use Live Theme Editor:
Watch our video guide to know how to customize Live Theme Editor for developer:
In case you cannot see the Registration Form on the My Account page or checkout page, it means you need to enable it.
You can find this setting by navigating to WooCommerce >> Settings.
Open Account Tab In the Registration section, make sure the" Enable registration on the "Checkout" page" and “Enable registration on the “My Account” page” options is checked.
This is what you should be seeing on your screen:
In WooCommerce, you can define product attributes, such as size or color, to use be used as product options.
Start by navigating to Products → Attributes.
For example an attribute could be “Size“. Then you need to Configure its terms. Those would be “Small, Medium, Large“.
Once defined, these global attributes can be assigned to your variable products.
Front Page look like :
To setting up Navigate to Appearance >> Widgets
Import Text widgets to there as HTML Code below
<p class="contact-desc"> Duis sed odio sit amet nibh vulate cursus a sit amet mauris. Morbi accumsan ipsum velit. </p> <ul class="contact"> <li class="media"> <span class="pull-left"> <i class="fa fa-home"></i> </span> <span class="media-body"> 30 South Park Avenue San Francisco, CA 94108, USA </span> </li> <li class="media"> <span class="pull-left"> <i class="fa fa-phone"></i> </span> <span class="media-body"> +(844) 123 456 789 <br/> +(844) 987 654 321 </span> </li> <li class="media"> <span class="pull-left"> <i class="fa fa-envelope-o"></i> </span> <a href="mailto:email@example.com" class="media-body">firstname.lastname@example.org</a> </li> </ul>
One again, thank you so much for using our theme. As i said at the beginning, i'd be glad to help you if you have any questions relating to this theme. No guarantees, but i'll do my best to assist.
If you have a more general question relating to the themes, Do not hesitant to contact us via email : Opalwordpress@gmail.com or submit ticket via Opal Forum
Please take a screenshot photo with descriptions about your problem. More details about your problems help us more easier to figure out and respond you sooner.
SCOPE OF SUPPORT
Our support covers getting setup, trouble using any features and any bug fixes that may arise. Unfortunately we cannot provide support for customizations or 3rd party plugins. If you need help with customizations of your theme, please contact with us with your requirement. Our technical team will help you with some fees.
Our working time is 8:30am - 5:30pm from Monday to Friday (GMT+7). So if you email us or submit ticket besides this working time, we are really sorry that we are not able to respond you soon. We will try to reply you as fast as we can. Especially if you email or submit ticket at weekend, please be patient and we will respond to you right when we are back on Monday.