Rouge - WooCommerce Theme for eCommerce Stores

General Information

Theme Name: Rouge - WooCommerce Theme for eCommerce Stores
Author: TemplateTrip
Theme Version: v1.0.0

Thank you for choosing our theme. We hope you enjoy building your project with us. It is a powerhouse of great features and powerful functionalities that would take months to develop. The theme is fully responsive and be rest assured your project looks stunning on any type of screen.

Regular License

Regular license allows an item owner to create one single End Product ?( the final website customized with the client's content. This end product could be for the item owner himself or one of his clients.

What is acceptable in a single regular license:

You are allowed to create 1 website (on a single domain) for yourself or your client. You can then transfer that website to your client for any fee. Please note that your license also has to be transferred to your client.
You can install the theme on your test server for testing or for development purposes (this installation should not be shared with the public).
You can modify and customize the theme, you can combine it with other works to create the End Product.

What is not acceptable:

With a single regular license, you are not allowed to create multiple websites. For multiple websites, you will need multiple regular licenses.
If you would like to resell the same website (Single End Product) to other clients. Mandatorily, you will need to purchase an extended license for this case.

Bundled Plugins

All the premium plugins that come with the theme are fully functional without any registration license key. If however, you wish to use the additional features or receive automatic updates and support from the plugin party, you shall purchase the plugin separately.

Help and Support

Support Policy:

We request you kindly read our documentation carefully. It will help you resolve most of your concerns with incorrect configuration. To get technical support and assistance, you need to have a valid purchase code. You will find this when you sign in to your Account “Download” page. Click on the theme’s download link.

PLEASE NOTE! Please be informed that theme-related features are only covered in technical support. Additional customization is not covered in support. Support does not include 3rd party plugins integration or any other compatibility issues that might arise. But, support is applied to a plugin(s) we have developed and integrated ourselves.

PLEASE NOTE! Support requests are being processed on business days (Monday to Saturday) from 10 to 18 (GMT +05.30). We are in GMT+5:30 time zone. We address all the support queries 6 days weekly on a first-come, first-solve basis (Sundays off).

If any support ticket has no response from the item owner for 7 days, the ticket will be considered closed. If you need further assistance you can create another ticket.

Please be aware that before submitting a new ticket, please try searching the topic from our Articles and Knowledgebase for answers.

Theme Installation

WordPress Information

For WordPress Installation you can check the Famous 5-Minutes Install here:

How to install WordPress: https://wordpress.org/support/article/how-to-install-wordpress/

Theme Requirements

To use Rouge, you must be running WordPress 5.9.x or higher, PHP 5.6 or higher, and MySQL 5.6 or higher. We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

Recommended PHP Configuration Limits

White screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

max_input_vars = 3000
memory_limit = 128M
max_execution_time = 300
max_input_time = 300
upload_max_filesize = 64M
post_max_size = 64M

Theme Installation

There are 3 ways to install the theme:

Theme Installation via WordPress:

Step 1 - Login to your WordPress Admin Panel.

Step 2 - Go to Appearance > Themes. Click the Add New button.

Step 3 - Click on the Upload Theme button. Locate "Theme/rouge.zip" and click Install Now.

Theme Installation via FTP :

Step 1 - Log into your Hosting server using an FTP client. (Ex: FileZilla)

Step 2 - Locate the "Theme/rouge.zip" that you found in your Acoount Package and unzip it. Once it is done you'll get a folder named Rouge with all theme files in it.

Step 3 - Locate your WordPress directory and upload the Rouge folder (unzipped in the previous step) into ../wp-content/themes/

Step 4 - Click on the Activate button to activate Rouge. Congratulations, you have now activated Rouge! You can now proceed with Rouge's Plugin Installation.

Plugins Installation

All required plugins are already added to your downloaded package.

Step 1 - After theme installation, you should be redirected to the Install Required Plugins page, which shows a list of plugins:

Step 2 - Now, Select all "plugins"

Note - The installation process may take a few minutes. Proceed further after successful installation.

Step 3 - When "All installations have been completed" appears, click on "Return to Required Plugins Installer".

Step 4 - Now, select all plugins and choose Activate from a drop-down box this time.

One-Click Installation of Demo Data

With Rouge, you can build a functioning website just by clicking a button and installing our demo data or navigating to Create A New Page to step by step build your website from scratch. Your Rouge installation will be ready with data on our demo site, and you can use it as a template to develop your website.

Go to Appearance > Import Demo Data. Then, click on import.

Here you can see so many options.

Continue to import demo contents.

Note: Progress bar will appear while it is setting up demo data.

Also, if you import manually then select a file (Rouge/inc/Demo/ocdi/).

Congratulations, Now you can visit your website to see the imported data.

Update Theme

There are 3 ways to update the theme:

First of all, do a backup on your local computer. There is a lot of tool and plugins available to help you to do this. Just find one with a good rating and get it set up now, not later: https://wordpress.org/plugins/search.php?q=backup+wp

ALWAYS make a backup of your entire site before you update. Usually. the update installs within seconds and causes zero problems, but it's better to be safe than sorry.

How to upgrade?

The first thing to know is that if you have modified PHP, CSS, and JS files into the core theme, the update will overwrite what you did.

The update will NOT affect your content such as your blog post, photos, videos, option theme settings, or WordPress settings. The update replaces the PHP, JavaScript and CSS files of the theme, not your database, and not the WordPress core files.

OPTION 1 - AUTOMATIC UPDATE:

When the theme update is done, please go to WP-Admin > Appearance> Install Plugin and click "update" for every plugin that requires an update.
If for some reason you see some code on your front-end website after the theme update, make sure that all the required plugins are activated by going to WP-Admin > Plugins.

OPTION 2 - MANUAL UPDATE:

1. Redownload the theme files on Account (Account always have the latest version of the theme). To login to your account, then go to Downloads, and download the "Installable WordPress file Only" package.

2. Go to Wp-Admin > Appearance > Themes and activate another theme such as Twenty Fifteen.

3. Delete the Theme you want to update. (Yeah, you must delete the theme before re-uploading the same theme).

4. Go to WP-Admin > Appearance > Themes > Add New and Upload the theme .ZIP file you've just downloaded from Account.

5. Activate your theme by clicking the "Activate button".

6. Make sure to reactivate the plugins by going to WP-Admin > Plugins.

7. When the theme update is done, please go to WP-Admin > Appearance > Install Plugin and click "update" for every plugin that requires an update.

8. If for some reason you see some code on your front-end website after the theme update, make sure that all the required plugins are activated by going to WP-Admin > Plugins.

9. If one of your plugins has not been updated (ex: WPBakery Page Builder), go to WP-Admin > Plugins and delete the plugin then go to WP-Admin > Appearance > Install Plugins and reinstall the plugins. Make sure to "activate" it again.

OPTION 3:

If deleting a theme makes you nervous, or you have an issue when uploading the theme via the WordPress dashboard, you can upload it manually by FTP.

1. Redownload the theme files on Account (Account always have the latest version of the theme).then go to Downloads, and download the "Installable WordPress file Only" package.

2. Unzip the zip file on your computer

3. Rename the root folder to something like "theme-name-new".

4. By using FTP software (such as FileZilla), connect to your FTP.

5. Upload the folder to .../wp-content/themes/ (so you should have /wp-content/themes/theme-name-new/)

6. Once everything has been uploaded, go to WP-Admin > Appearance > Themes and activate your new theme.

7. Make sure to reactivate the plugins by going to WP-Admin > Plugins. If one of your plugins has not been updated (ex: Visual Composer), go to WP-Admin > Plugins and delete the old plugin.

8. Go to WP-Admin > Appearance > Install Plugins and reinstall the plugins. Make sure to "activate" them again.

Update Plugin

Here Is Step To Update Plugin

First of all, do a backup on your local computer. There is a lot of tool and plugins available to help you to do this. Just find one with a good rating and get it set up now, not later: https://wordpress.org/plugins/search.php?q=backup+wp

ALWAYS make a backup of your entire site before you update. Usually. the update installs within seconds and causes zero problems, but it's better to be safe than sorry.

How to Upgrade Plugin?

The update will NOT affect your content such as your blog post, photos, videos, option theme settings, or WordPress settings. The update replaces the PHP, JavaScript and CSS files of the theme, not your database, and not the WordPress core files.

There Are Two Ways to Update Plugins

Manually Update Plugin :

1. Backup Plugin Rouge-Extensions in site->wp-content->plugins Folder

2. Extract the Plugin Zip file into the site->wp-content->plugin.

3. Replace The Old Rouge-extensions Folder with a new Extracted folder.

Auto Update Plugin :

1. Backup Plugin Rouge-Extensions in site->wp-content->plugins Folder

2. Replace The Old Rouge-extensions Folder with a new Extracted folder.

Step - 1

Step - 2

Step - 3

Rollback Old Version

Here Is Step To Rollback Old Version

Notes:- WordPress, its themes and plugins have often been updated. Which is good. But after version 5.0 if updates can break down your site or various problems that can occur and solutions that may work. But what if nothing helps and you need the site to be live ASAP? In that case, you will maybe want to roll back WordPress to its previous version. Or maybe even roll back WordPress plugin update and theme update.

How to Rollback Theme and Plugin?

Step 1 - Login to your WordPress Admin Panel.

Step 2 - Go to Appearance > Themes. Click the Add New button.

Step 3 - Click on the Upload Theme button. Locate "Elementor Theme/Rouge Elementor v4/rouge.zip" and click Install Now.

Global Setting

You can change the Global Option from here.

Theme Container width & Screen Brackpoints

You can change the Site Container

Screen Size	1400px to 1200px	1199px to 992px	991px to 768px	767px to 576px	575px to bellow
Container Size	1170px	970px	750px	540px	100%

Site Logo setting

You can change the Site Logo Option from here.

Site Loader setting

You can change the Site Loader Option from here.

Typography Setting

You can change the Typography Option from here.

Color Setting

You can change color from here.

Site Info setting

You can change the Site Info Option from here.

Header Setting

You can change the Header Option from here.

Header Top
Header Setting
Header Style Setting

Page Header setting

You can change the Page Header Option from here.

404 Setting

You can change the Error 404 Option from here.

Blog Setting

You can change the Blog Option from here.

Footer Setting

You can change the Footer Option from here.

Footer Top
Footer Style
Footer Bottom
Footer Copyright

Post Sharing

You can share posts from here.

Custom Code Setting

You can add CSS/JS from here.

Import / Export

You can import or export theme settings from here. This will be useful when you are developing your site on another server and want to move only theme settings. Just click the "Download" button to export the settings and click the "Import from file" button to import it.

Sidebars and Widgets

This section shows a list of pre-defined widgets on a page so that you will find it easier when pulling out widgets to set up your site.

Sidebar Area: You can add widgets here to appear in your sidebar.
Footer Area 1: This Widget Position will be shown in the first footer area as the first widget position.
Footer Area 2: This Widget Position will be shown in the second footer area as the second widget position.
Footer Area 3: This Widget Position will be shown in the third footer area as the third widget position.
Footer Area 4: This Widget Position will be shown in the fourth footer area as the fourth widget position.
Shop Sidebar: This Widget Position will be shown in the Sidebar of the shop page(Like Filter).

MailChimp Form

To build a contact form you can go step by step using the screens given below.

Contact Form

To build a contact form you can go step by step using the screens given below.

Elementor Builder

If you don't know Elementor, can read its official documentation here

You can add Elementor Settings from here.

Config Row / Column

Content management is a breeze with Fortuna and it requires absolutely no coding skills. Using a highly customized version of the Visual Composer plugin the theme offers a user-friendly Drag'n'Drop interface for easy page creation and editing. Follow these simple steps to create a Page with rouge:

Step 1:Go to Pages > Add new in your Dashboard. Add a Title to your Page (top field).

Step 2:Switch to Backend Editor if you are currently under Classic Rouge (button below Title field).

Step 3:Start adding page content by clicking on the Plus button or Add Element.

Step 4:The Add Element Popup appears, click on the first element to add a new Row to your page. A Row is the main building block of a page, you can split your Rows into Columns, place various elements into your rows, set Row Backgrounds, effects etc.

Step 5:Once you have the new Row added to your page you can split that Row into Columns to organize elements nicely in it. Once you split your Row into the column you can start adding different Page Elements to your columns.

Row Settings (General)

Click on the Edit Row button.

Add / Edit Page Elements

Adding Page Elements to your Page is pretty straightforward. First, you need to have created a new page, added a Row to it and defined your Row Columns (read more in the previous section).

Step 1:Click on one of the Plus Icons within the column you want to add a new element to.

Step 2:The Page Elements dialogue will appear, click on the element you want to add to your Column/Row.

Step 3:The Element Settings Dialog of the Element you are adding appears. Customize your element in any way you want, then click Save.

WooCommerce

Wishlist

You can add YITH WooCommerce Wishlist Settings from here. By Clicking Login to your WordPress Admin Panel > Go to Appearance > YITH.

Quickview

You can add YITH WooCommerce QuickView Settings from here. By Clicking Login to your WordPress Admin Panel > Go to Appearance > YITH.

Compare

You can add YITH WooCommerce Compare Settings from here. By Clicking Login to your WordPress Admin Panel > Go to Appearance > YITH.

Translation

There are no ready language files, but you need to take only a few steps to translate your website to the needed language. You can translate the theme to any language, as well as RTL Language.

The first step you should take is to create your language file. To implement this you should install Poedit:

www.poedit.net

Copy Rouge.po file to your computer.

Note: You will find the language po file in wp-content/themes/rouge/languages.

Translate your website

Do you want to translate your WordPress site? You just need to follow a few steps to get started. You can translate the theme to any language, as well as RTL Language.

Start by installing Poedit.

Set your WordPress for the language so the admin section will be in your language
Create a language PO file for translation
Modify the PO file using POEdit software and translate all strings in it. This will also generate an MO file which is used by WordPress

Thank you for purchasing our theme

Welcome and congratulations on being our premium item owner.

Congratulations, your website is set to launch. If you have any questions or a query, or simply wish to give us a suggestion or two, please reach us at our support portal and raise a ticket at

© copyright TemplateTrip 2023