Theme Requirements

To use this theme you must be running WordPress 5.0 or higher, PHP 5.6.20 or higher (for WooCommerce plug-in PHP 7.0+). If you use hosting with limited resources (for example GoDaddy and other lowcost shared hosting providers), you may experience issues with one-click demo data installation feature.

We recommend you to contact your web hosting service provider to make sure that your server PHP configuration limits are as follows:

• max_execution_time 600
• memory_limit (up to) 256M
• post_max_size 32M
• upload_max_filesize 32M

If you are running unmanaged dedicated server or VPS, you should check your php.ini file. Alternatively, you can edit .htaccess file in the root of your website and add the following values:

php_value max_execution_time 600
php_value memory_limit 256M
php_value post_max_size 32M
php_value upload_max_filesize 32M

Setting these values will ensure you will not get error messages during the installation. To safeguard your website, please use secure passwords and the latest version of WordPress and plugins.

IMPORTANT! To avoid any errors that might come up during the installation we recommend to have memory limit set up to 512M.

Here is the list of other recommended web hosting services:

• Bluehost (Exclusive Offer for our Customers: -70% OFF)
• SiteGround
• InMotion Hosting

Theme Installation

Unpacking the theme

Before installing the theme, please make sure you unpacked the archive and extracted theme files. After unzipping the archive, you will see the following files:

If you try to install the wrong files, you will get missing style.css file error. This is the most common error that means you are trying to install an incorrect package.

To install "Room Blog" theme, you must have WordPress installed. For information regarding WordPress platform installation, please check the WordPress Codex or check this great video tutorial.

Update WordPress: To ensure a positive user experience, we highly recommend updating your WordPress to the latest stable version. This will help utilizing all of the latest features of WordPress.

If you have questions regarding theme installation, we recommend reading a detailed instruction below.

You can install the theme in two ways:

• via FTP:
  1. Log into your web server with FTP client software.
  2. Unzip room.zip file and ONLY use the extracted /room theme folder.
  3. Upload the extracted /room theme folder into /wp-content/themes folder.
  4. Activate the newly installed theme. Go to Appearance > Themes and activate it.
• via WordPress:
  1. Login to admin panel.
  2. Go to Appearance - Themes and click on the Add New button.
  3. Choose Upload theme option. Click on Browse... (Choose file in Safari/Chrome), select "room.zip" and click Install Now button.
  4. After the successful installation, click on Activate or go to Appearance - Themes and click on Activate to activate the newly installed theme.
  5. After the theme is activated, you will be prompted to install recommended plugins.
     
     
     
     All these plugins are included into the theme archive, or can be installed from the WordPress.org repository.
     The theme can function without any of these plugins. But if you want your website look precisely as the demo page, you have to install all recommended plugins and import demo content. This is a good idea if you are building your website from scratch.
     However, if you have an existing website, you should be very careful with plugin installation and importing dummy data: this may affect the website content and structure. Please read the Demo Content article for details.
  6. Attention! If you want to make changes in theme’s templates or functions, we recommend activating a child theme before dummy data installation, otherwise the Theme Options will be lost. Please see the Child Theme section for more information.

Plugins Installation

In order to make the theme look exactly as the demo page, you need to install recommended plugins. Click on Begin installing plugins link.

You will be redirected to plugins installation page. Check all listed plugins, select Install option and click on Apply button. Installation may take a few minutes, please be patient and do not refresh the page.

After the installation you will get a notification informing that plugins were installed successfully.

Gutenberg Compatibility

Our theme is compatible with Gutenberg page builder. You can create new pages using this editor.

All existing demo pages are built through WPBakery Page Builder and should be customized via WPBakery Page Builder ONLY.

IMPORTANT: It is possible to switch between the page builders. Please use One page builder for creating/customizing One particular page/post.

Child Theme

Child theme is for developers willing to make changes to core functions and code. If you are not planning to dig that deep, you can just skip this chapter.

IMPORTANT: If you want to make changes in theme templates or functions, we recommend that you install the child theme and apply changes there. To learn more about the purpose and basis of creation of child theme, please visit WordPress Codex.

Attention! When activating a child theme or switching back to the parent theme, the theme options will be lost. We recommend activating a child theme before dummy data installation.

In the theme package you will see materials for the child theme. It’s located in "room-child.zip" archive. You can install the child theme just like you installed the main theme (see above, in the section "Installation").

A few recommendations on how to use a Child Theme from AxiomThemes:

• Almost all files from the main theme can be replaced in a child theme. It doesn’t concern only .php-files with templates and basic logic, but also both .js, .css files from respective folders and files with images, icons etc.
• If you want to change some of the theme-related functions or to add new ones, copy/add all the required functions into 'functions.php' in the folder "room-child", and add all the required functions into it. If our theme contains functions with such names, they will be replaced with yours, if not – your functions will complete our theme logics.
  IMPORTANT: If you want to replace some functions from other files (except functions.php), e.g. from _wp_utils.php or _utils.php, we do not recommend you to copy respective files into the child theme, but you should create the respective functions in functions.php in the child theme. This should be done, so that when updating the theme, new functions from these files are available for use.
  As for other files - put out the templates from the folder 'templates', images from the folder 'images' etc. - to make changes copy theme into the folder 'child theme' and make changes there.

Demo Content

Our themes have simple One click dummy data import tool. It's very easy to use and you can get a precise copy of our demo website in just 1 click.

Before installing demo data, please make sure you have installed all the required plugins, please refer to Plugins installation section of this document for details.

To import demo content into a WordPress site, please follow these steps:

1. Log in to your site as an administrator.
2. If you see a message prompting to install required Plugin Room Utilities and WPBakery Page Builder plugins, click on "Begin installing plugins" and install them on the corresponding page.
   IMPORTANT: The recommended plugins (MailChimp for WP and Instagram Feed) are not mandatory for installation of demo content but highly recommended.
3. Go to Appearance -> Install Dummy Data:
   
   
   
   
4. On the page that showed up please set the required parameters.
   
   • Only pages, forms and sliders - Allows you to select the content you need to be imported for a definite page, slider, etc. It is recommended when the site is already built.
   
   
   
   
   • Whole demo-site content - Allows you to import whole demo content. It is recommended for new installations of WordPress.
     IMPORTANT: When installing whole demo-data ALL EXISTING CONTENTS of your website will be deleted and replaced with the new data! We highly recommend that you install demo data only on blank WordPress install.
   
   
5. Click on "Install Demo Data" button.
   IMPORTANT: Please wait while demo data is being copied from our server to your site. It may take a while and depends significantly upon Internet connection speed between your website and our server. Please wait patiently and do not refresh/leave the page.
   
   
6. After the data is successfully imported, you will see the following message:
   
   
   
   In case "Demo Data" installation stuck and you see "Error load data from the file ... " error message, you can manually install it by downloading the demo.zip archive from our server. Extract the archive to demo/ folder and upload this demo/ folder to wp-content/themes/room directory.
   
   Treat the screenshot below as an example only. The list of folders inside a theme package may vary.
   
   
   
   If the issue persists, please contact your hosting provider to make sure that your server configuration meets the Theme Requirements.

General

In this section you can customize the general website look using the following settings.

Responsive Layouts

Using this setting you can decide if you want to have responsive layouts, adjusted for each screen size and device or to keep the main layout for all of them.

• Yes - To have responsive layouts. The website will be adjusted for each screen size.
• No - To keep the main layout intact for all screen sizes. The users will scroll the page to see the content.

Responsive Menu

In this field you should fill in the window width when responsive menu will be enabled.

On the image below, this parameter is 960 px (by default), so even if you have responsive layouts set to "No", you will get responsive menu when resizing the browser window.

Alternatively, you can select 480 in case you want to have a navigation bar on the small screen devices only.

Add SEO meta

By choosing "Yes" metadata (Google reach snippets, Facebook meta tags, etc.) will be added to a single post. Choose "No" if you are using any of the SEO plugins.

Image dimensions

Choose the necessary image dimensions: Original or Retina.

Quality for cropped images

Choose the necessary quality for cropped images.

Show page preloader

This setting allows you to upload an image that will act as your main preloader image.

Socials

You can add links to social media icons here. If you leave these fields empty, icons will not be shown. Social icons will be displayed in the top right corner of the header:

In the Share section you can specify URLs to share posts in social networks (if you leave the field empty - there will be no sharing).

Menus

These settings allow you to manage Menus:

Menu Locations

There is a default Menu location.

• Main Menu - Displays menu under the logo image.
• Footer Menu - Responsible for displaying menu in the footer.

Check the screenshot below for more information.

This is how the menu was built.

Main & Footer menus

Title, Tagline & Site icon

Settings of this group are responsible for the website icon, tagline and title display:

Site Title

The text entered into this field will be displayed as the logo (if the image logo is not uploaded) and as the website title in your browser tab.

Tagline

The text entered into this field will be displayed as the website slogan under the logo.

Site Icon

You can upload/remove your site icon here (must be 512x512px).

Favicon

You can upload/remove your favicon here.

Background

These settings allow you to add the background image behind the content body, when "Boxed" body style is enabled and to manage its position:

Just click on Select image button to upload the image from the Media Library or your computer. Right after this step, additional options appear, such as "Preset", "Image Position", "Image Size", "Background color" and a few other.

Color Scheme

The next section of settings allows you to manage the color scheme of your website. Let's consider these parameters.

Color Settings

Here you can select Simple or Advanced option of your color scheme customization.

Color Scheme

Select one of two predefined color schemes: Default or Dark. Check the screenshots below.

Links

Set the necessary color for your links and accented areas.

Links Hover

Set the necessary hover color for your links and accented areas.

In case the capabilities of "Simple" color scheme are not enough you can go with the "Advanced" one and completely change your website's look.

Header

This option allows you to add the header background image to your website top panel.

Current Header/Previously uploaded

Shows current and previous headers.

Header Style

Pick the necessary style.

IMPORTANT: The current header is created via the Global Customize settings (Appearance > Customize). To change the header area in available styles you should navigate to the .../wp-content/themes/room/templates folder and edit the corresponding template file like header-1.php or header-2.php.

Header widgets

Add the necessary widgets to the header. Don't forget to check/uncheck the "Header fullwide" option, which stretches the header's widget area to an entire window width. You can customize the widgets in Appearance > Widgets section.

Logo

Logo image is uploaded or selected from the Media Library. Logo 1 option is responsible for displaying the logo image for the header 1 style, logo 2 - in for the header 2 style.

Logo for Retina

Upload special size logo image to make it look better on the Retina displays.

Logo Hight

Adjust your logo's height.

Widgets

These settings allow you to manage Sidebar and Footer widgets just as you used to do in Appearance > Widgets in WordPress admin panel:

Here you can manage standard sidebars (widget sets) included in the theme:

• Sidebar - By default, it is displayed vertically to the left or right from the main content.
• Header - By default, it is displayed at the header of the page.
• Above Page - By default, it is displayed in the area above the page.
• Footer - By default, it is displayed at the footer of the page.

If you expand one of these widget sets, you will be able to:

1. Add a widget: just click on "Add a widget" button to see the available widgets, then press on the one you want to use:



2. Reorder the position of widgets using 3 icons:
• Move - allows you to move the widget to another sidebar.
• Down - the widget will be moved down.
• Up - the widget will be moved upwards.

After you reorder the position of widgets in the sidebar, please click on "Done" button at the bottom.

You will be able to assign any of these widget sets to the sidebar of Homepage, Blog archive pages, Search results pages, Single post pages and Single pages in the corresponding menu items of Appearance > Customize.

Moreover, you get a few Custom Widget sets that can be managed in Appearance > Widgets:

More widget areas are available in the Theme Options section on a particular page.

You can assign any Custom widget (Widget area) to the page in the Theme Options section on a particular page.

On Appearance > Widgets page you will see Available Widgets section which also includes MailChimp SignUp form. In order to add the widget to the Sidebar, just drag and drop it to the needed position, add the content and Save it.

Custom widgets

1. ThemeREX - About Me: Displays the photo and description of the website admin:



2. ThemeREX - Advertisement block: Used to insert advertising banners - images with links or arbitrary HTML-blocks. IMPORTANT: Be careful to use extraneous HTML-code not to disrupt the design of the page.



3. ThemeREX - Recent News: Displays the most recent news in many styles.



4. ThemeREX - Recent Posts: Displays the most recent posts. Unlike the standard widget, it can display a post featured image, author name, comments, post counters and post category if you enable these options.



5. ThemeREX - Most Popular & Commented: Displays the most visited, most commented and most liked articles.



6. ThemeREX - Slider: Displays the slides via Swiper Slider. The content of the slides is taken from the single posts.



7. ThemeREX - Socials: Shows the links to social network profiles. The widgets for social media icons are added in Appearace - Customize - Socials.



8. ThemeREX - Calendar: A standard WP Calendar showing the current date and the days with available daily archives (posts).



9. ThemeREX - Categories list: Displays the list of available categories.



10. ThemeREX - Twitter: This widget shows the last Tweets from your Twitter-feed using the API 1.1 (entered into force in June 2013)
    For its work, this version of the widget requires creating "Twitter Application" and obtaining the appropriate codes. Due to the fact that Twitter from June 2013 switched to the new API 1.1 and discontinued support of out-of-date API 1.0, now to get information out of this social network, you must create an account on the resource https://dev.twitter.com/apps. Then, click the "Create a new application", fill in the required fields and generate "Access token" and "Access token secret". As a result, you will get four important core values to work with Twitter API 1.1:
    • Consumer key
    • Consumer secret
    • Access token
    • Access token secret
    You will need these fields to configure the widget "ThemeREX - Twitter" in Appearance > Widgets.



11. ThemeREX Socials Instagram Feed: This widget requires ThemeREX Socials plug-in to be active. The widget shows the latest photos from your Instagram account or demo photos in a form of a feed on your WordPress website. You can connect to your Instagram account in the Appearance (WP Dashboard) > ThemeREX Socials section (you need a valid Instagram Access Token).
    Demo mode means that the images will be taken from your demo folder (/wp-content/uploads/).
    Alternatively, you can use photos from Instagram without connecting to your account: by using a hashtag #... or by specifying an Instagram username (WITHOUT a hash symbol).



12. MailChimp SignUp form: Allows you to add subscribers to your MailChimp lists. MailChimp for WP plugin should be installed to use this widget.
    
    In order to configure your Mailchimp widget, please follow these steps:
    • Navigate to MC4WP - MailChimp in your WordPress admin and enter your MailChimp API key. To do that you should be registered at MailChimp website:
      
      

      

    • Open MC4WP - Forms and fill in Form mark-up. You can see the code for the demo form on the screenshot below:
      
      

      

    <label>Subscribe for ltest stories and promotions.</label> <div class="mc4wp_wrap"> <input type="email" id="mc4wp_email" name="EMAIL" placeholder="" required> <input type="submit" value="subscribe"> </div>
    • Widget's backend:
      
      

      

    Once all these steps are done, you will get the following block in one of your sidebars, where the users can sign up for a newsletter:

    

WooCommerce

Settings of this group allow managing the overall look of the WooCommerce elements (works only if the WooCommerce plugin is installed). The single products can be added/customized in WordPress Dashboard Menu > Products.

The quantity of products displayed on shop page is inherited from the Appearance > Customize > WooCommerce > Product Catalog section. "Products per row" and "Rows per page" options work only if the "Shop mode" (Appearance > Customize > Shop) is set to "Thumbnails".

Additional CSS

Settings of this group allow you to specify additional custom styles.

Content

You can customize behavior of the content area in this section.

Body Style

Body Style options allow you to choose the way the page is displayed selecting the width for the website body content:

• Boxed - page body is located in the zone of limited screen width, and you can see the background image behind it.



• Wide - page body occupies the entire screen width (background image is not seen behind it), and the content is placed in the area of limited width, in the center of the screen.



• fullwide - page body occupies entire screen width (background image is not seen behind it), contents is stretched to the entire screen with small indents off the window edges.

Left/Right menu items and links

This setting allows you to place the necessary text besides the slider and make it actevi by linking it up. Check the screenshot below.

"Expand Content" setting allows you to expand the pages content, if the sidebar is hidden.

Footer

This option allows you to customize footer's content.

Footer widgets

Select the necessary widgets that will be displayed in the footer. You can customize the widgets in Appearance > Widgets section.

Footer columns

Set the necessary columns quantity to display the widgets in.

Footer fullwide

It this setting is enabled footer will occupy an entire window width.

Logo for Footer/Retina

Upload your logos.

Copyright

Type your copyright text here. In order to make the current year change automatically, just paste {Y} instead of the year.

Homepage

Settings of this section allow you to manage homepage style and its' widgets. You can customize the widgets in Appearance > Widgets section.

Blog style:

• Excerpt - Posts will contain the featured image, a small excerpt from the post content and "Continue Reading" button.
  
  

  

• Grid /2 columns/ - The first post will look the same as in the "Excerpt" style, the rest posts will be displayed in 2 columns.
  
  

  

Header Widgets

Select the necessary widgets that will be displayed in the header.

Sidebar Widgets/Sidebar position

Here you can choose the sidebar widgets and it's position:

Widgets-related settings

These settings allow specifying widgets set for any widget area. Check the Widgets section for more information.

Blog Archive

This section allows you to control the layout and style of your blog archive pages such as a blog stream page and category pages.
Please check our article or visit this video tutorial for more information on how to customize the Posts pages.

The setting for the blog pages are similar to the Homepage ones we have described earlier. So here we will briefly describe them.

Blog style

Select the necessary post style for your blog archive pages.

Posts content

Select the way to display your posts' content.

Animation for posts

Select the necessary animation style for your posts to show up.

Pagination style

Select a proper order for your posts to appear on the page.

Header widgets

Select the widget set to display in the header.

Sidebar widgets/position

Select the widget set and it's position for your Blog archive pages.

Widgets-related settings

These settings allow specifying widgets set for any widget area. Check the Widgets section for more information.

Shop Page

Here you can adjust the overall Shop page behavior:

This is how the default Shop page looks like with current settings. Shop mode is set to "Thumbnails".

Shop Mode

This setting allows you to customize the products sorting. Shop mode is set to "List".

Expand content

In case there is no sidebar on the page content will occupy the sidebar's area.

Header widgets

Select the widget set to display in the header.

Sidebar widgets/position

Select the widget set and it's position for your shop-related pages.

Widgets-related settings

These settings allow specifying widgets set for any widget area. Check the Widgets section for more information.

Accordion

Creates blocks of the "accordion" type. Only one of the blocks can be open at a time.

Example:

Button

Creates different types of buttons.

Examples:

Call to action

Displays a call to action block.

Examples:

FAQ

Creates blocks of type "toggles" in different styles. Comparing to the "accordion" you can close all the blocks or open more than one.

Example:

Flickr Widget

This shortcode displays images from your Flickr account. Do not forget to specify the necessary "Flickr ID".

Example:

Google Maps

Displays Google map using an iframe code you specified. Visit Google maps to create your map first.

Step by step:

1. Find the location you need.
2. Click the cog symbol in the lower right corner and select "Share or embed map".
3. On modal window select "Embed map".
4. Copy iframe code and paste it).

Example:

[vc_gmaps link="#E-8_JTNDaWZyYW1lJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZ3d3cuZ29vZ2xlLmNvbSUyRm1hcHMlMkZlbWJlZCUzRnBiJTNEJTIxMW0xOCUyMTFtMTIlMjExbTMlMjExZDYzMDQuODI5OTg2MTMxMjcxJTIxMmQtMTIyLjQ3NDY5NjgwMzMwOTIlMjEzZDM3LjgwMzc0NzUyMTYwNDQzJTIxMm0zJTIxMWYwJTIxMmYwJTIxM2YwJTIxM20yJTIxMWkxMDI0JTIxMmk3NjglMjE0ZjEzLjElMjEzbTMlMjExbTIlMjExczB4ODA4NTg2ZTYzMDI2MTVhMSUyNTNBMHg4NmJkMTMwMjUxNzU3YzAwJTIxMnNTdG9yZXklMkJBdmUlMjUyQyUyQlNhbiUyQkZyYW5jaXNjbyUyNTJDJTJCQ0ElMkI5NDEyOSUyMTVlMCUyMTNtMiUyMTFzZW4lMjEyc3VzJTIxNHYxNDM1ODI2NDMyMDUxJTIyJTIwd2lkdGglM0QlMjI2MDAlMjIlMjBoZWlnaHQlM0QlMjI0NTAlMjIlMjBmcmFtZWJvcmRlciUzRCUyMjAlMjIlMjBzdHlsZSUzRCUyMmJvcmRlciUzQTAlMjIlMjBhbGxvd2Z1bGxzY3JlZW4lM0UlM0MlMkZpZnJhbWUlM0U=" title="Google Map"]    
							

Icon

This shortcode displays icon(s). You can expand the list of available icons by adding new ones from the fontello website. Watch this video guide for more information.

Example:

Message box

Creates different types of messages.

Examples:

Progress bar

Shows the levels of your abilities in many different styles.

Example:

Recent News

This shortcode displays the most recent news.

Example:

Single image

Inserts an image into the text. You can specify the size, allignment and display style of the image.

Example:

Tabs

Creates blocks with tabs.

Examples:

Widget About Me

This shortcode displays an "About Me" widget with some personal information.

Example:

Widget Advertisement

This shortcode displays widget with a banner image or any HTML/javascript code.

Example:

Widget Calendar

This shortcode displays a widget calendar.

Example:

Widget Popular Posts

This shortcode displays popular posts.

Example:

Widget Recent Posts

This shortcode displays the most recent posts. You can set additional options on the "Details" tab in the WPBakery Page Builder's Posts Settings window.

Example:

Widget Slider

This shortcode allows displaying default Swiper Slider. In the WPBakery Page Builder's settings you can manage the slider's settings by specifying a category to get the posts from, number of posts, slider's height and other options.

Example (Swiper Slider):

Widget Social Icons

This shortcode displays social icons to the social networks you are subscribed. Please do not forget to specify the necessary links (URLs) to your social profiles on the Appearance > Customize > Socials tab. Works in a sidebar (as a widget) as well.

Example:

Widget Twitter Feed

This shortcode displays posts from your twitter account. Please be aware that as the matter of security reasons we provide the shortcode without the twitter tokens and consumer keys. Please use your own "Token keys" to make it display your twitter feed properly.

Example:

Contact Form 7

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on. More information on how to use this plugin can be found here.

You can also check their documentation. Find a default shortcode below:

Attention! According to General Data Protection Regulation, you need to make your forms compliant. Some prebuilt forms, that come with this theme, already have the corresponding "I agree..." checkboxes. For newly created forms you should add the consent checkboxes in ONE of the following ways:

1. Use [acceptance acceptance-...]...[/acceptance] tag. Treat the code and the screenshot below just as an example:
   
   
2. Use the WP GDPR Compliance plugin. Navigate to Tools (WP Dashboard) > WP GDPR Compliance, enable a GDPR form tag integration for a particular form and save the changes. You can specify and activate the Privacy Policy page in the Tools (WP Dashboard) > WP GDPR Compliance > Settings tab.
   
   

Elegro Crypto Payment

Elegro Gateway provides facilities for smooth, safe and instant cryptocurrency payments with automated exchange to EUR/USD or any other fiat currency at direct exchange rates. Payment processing fees are reasonable and calculated depending on business risk levels. Your customers can make purchases on any device and without any fees for elegro-inspired payments.
Check this link for more information.

MailChimp

This plugin helps you add subscribers to your MailChimp lists using various methods. You can create good looking opt-in forms or integrate with any other form on your site, like your comment form or WooCommerce checkout.

More information on how to properly use this plugin can be found here.

Some of the backend settings you can find in the WP dashboard menu > MC4WP > Forms.

Mark-up code

With the shortcode below you can display the newsletter sign-up form on any page you want.

In order to configure your MailChimp, please enter your MailChimp API key. To do that you should be registered at MailChimp website:

ThemeREX Socials

This plugin helps you output Instagram feed or demo photos in a form of a feed on your WordPress website in one of the following ways: through connection to your Instagram account (you need a valid Instagram Access Token), from your demo folder (/wp-content/uploads/), by using a hashtag #... (for taking photos from Instagram) or by specifying an Instagram username.

In order to connect to you Instagram account, please navigate to the Appearance (WP Dashboard) > ThemeREX Socials tab and enter your Instagram Access Token. For demo mode, displaying photos using a hashtag or Instagram username no connection to your Instagram account is needed.

How to get Access Token from Instagram:

• Log into your Instagram account with photos you want to display on your website.
• Visit the Facebook Developer Page, click My Apps to create and set a Facebook application. Please click here to view an official tutorial.
• Fill in the form. For "valid redirect URLs" option use the following link
  https://your_website_name/wp-json/trx_addons/v1/widget_instagram/get_access/.
• Get your "Client ID" and "Client Secret".
• Navigate to Appearance (WP Dashboard) > ThemeREX Socials section and paste "Client ID" and "Client Secret" into the corresponding fields. Click on "Get Access Token" button.
• Approve that you want to grant the application access to your Instagram account.

Now you can proceed to Appearance (WP Dashboard) > Widgets section and locate "ThemeREX Socials: Instagram Feed" widget into any widget area available in the theme. The "Hashtag" field works for both a hashtag (starting WITH a symbol #) and your Instagram username (WITHOUT a hash symbol).

WPBakery Page Builder

To make your customization even easier we have added the WPBakery Page Builder to this theme. Before you start, please check these WPBakery Page Builder related tutorials. They will give you a basic understanding of how to build a page properly.

1. Official WPBakery Page Builder FAQ page.


2. WPBakery Page Builder: A Guide To Drag & Drop Page Building


3. How to Add Row and Column with WPBakery Page Builder.


4. How to Add Row or Column Background with WPBakery Page Builder.


5. How to Create Empty Space Between Elements with Custom Height.

WooCommerce

Woocommerce is an industry leader e-commerce plugin for WordPress. Another good news is that our theme is fully compatible with this great tool, allowing you to turn your website into sales machine in just a few clicks. You simply need to install this plugin and allow it to create a set of pages to display categories, products etc. Then you need to add a set of products.

We highly encourage you to read the great documentation files WooCommerce offers. These manuals help to create effective and reliable on line stores providing more features than you can imagine. Here is a list of really useful links helping you create and polish your shop.

• Documentation - official plugin documentation.
• Free and Premium extensions - powerful toolbox bringing more features to your shop
• iOS app for Woocommerce - this application gives you full control over your shop.

A few words should be also said about how to set a page set created with WooCommerce. After you created these pages using the plugin, please open the menu "Pages" and set the display parameters for each of the pages.

Please remember that amongst all pages of the WooCommerce set the page "Shop" has a priority status. It is a sort of a 'blog stream page' for the list of your products and categories. That is why you can set your store's display by changing parameters of the page "Shop" in menu "Pages" (main theme color, availability and position of sidebars etc.).

Products list:

Product page:

Cart page:

WP GDPR Compliance

The WP GDPR Compliance plugin allows you to make your website GDPR-compliant. It currently supports Contact Form 7 (>= 4.6), Gravity Forms (>= 1.9), WooCommerce (>= 2.5.0) and WordPress Comments.

Using the WP GDPR Compliance plugin does NOT guarantee complete compliance to General Data Protection Regulation.

Check the links below for more information about this plugin:

1. Official WordPress page.
2. Official plugin's page.

IMPORTANT: According to General Data Protection Regulation, you need to make your forms compliant. Some prebuilt forms, that come with this theme, already have the corresponding "I agree..." checkboxes. For newly created forms, navigate to Tools (WP Dashboard) > WP GDPR Compliance, enable a GDPR form tag integration for a particular form and save the changes. You can specify and activate the Privacy Policy page in the Tools (WP Dashboard) > WP GDPR Compliance > Settings tab.