Éternel

Creative Portfolio WordPress Theme

This document covers the installation, set up, and use of this theme, and provides answers and solutions to common problems. We encourage you to first read this document thoroughly if you are experiencing any difficulties before contacting our support team.

2. Getting Started

Welcome to Éternel documentation, this document covers the installation, set up, and use of this theme, and provides answers and solutions to common problems. We encourage you to first read this document thoroughly if you are experiencing any difficulties before contacting our support team. Set-up & general guide to help you get the most out of your new Gutenberg WordPress theme. If you are still having trouble after reading this guide, contact our team.

You can navigate through different sections of the Theme Documentation by clicking on the links in the menu to the left of your screen.

About Theme

Éternel is a brand new elegant multi-concept theme that brings you a new feeling and inspiration of modern animation and functionalities. Our team created unique and pure design with beautiful animation and tons of options, Éternel is ideal for any designer, artist, modern creative agency, design studio or web studio.

Requirements

Installing Éternel

After downloading the Éternel installation file from ThemeForest, extract it and in the extracted folder locate the eternel.zip file. You will need this file for a further installation.

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions here: https://wordpress.org/support/article/how-to-install-wordpress/

You can then install the Éternel theme using one of the two following installation methods:

  1. WordPress upload - For most users, this is probably the simplest installation method. To install the Éternel theme using this method, please follow these steps:
    1. Login to your WordPress admin panel
    2. Navigate to Appearance > Themes > Add New > Upload Theme
    3. Click on Choose File and select eternel.zip
    4. Click on Install Now
    5. Then you can click on Activate button and activate the theme

  2. FTP upload - If you would like to install the Éternel theme via FTP, please follow these steps:
    1. Extract the eternel.zip  file you previously located. You should now see a folder named eternel
    2. Using an FTP client, login to the server where your WordPress website is hosted
    3. Using an FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory
    4. Using an FTP client, upload the previously extracted eternel folder to the themes directory on your remote server
    5. To activate theme all you need to do is navigate to Appearance > Themes and activate the Eternel theme

Once the installation is complete and you activated the theme, you should see a notification at the top of the screen that required plugins need to be installed. Please install and activate all of the required plugins, since they are necessary for the theme to function properly. All our custom plugins are included in Eternel, you don’t need to purchase them extra!

If you are still having trouble with installation, contact our team, we will be very happy to help you.

3. Demo Import

You have two options, start creating your site from scratch or using our demo with all pages as a starting point and theme modifying it to suit your needs. If you choose second option don't skip this section.

Recommended PHP Settings

One Click Demo Import

Our users can quickly and easily import our demo content with only one click button, follow these steps to import everything properly:

To import demo content of Eternel demo website, One Click Demo Import plugin must be installed and activated.
To import Eternel WooCoommerce Demo content, firstly you need to install WooCommerce and Eternel WooCommerce Single Product Meta plugins and activate them.
  1. Go to Appearance > Import Demo Data menu in your Wordpress Dashboard

  2. When Import Demo Data will be open you will see two demo available:

    Hover the Eternel Main Demo or Eternel WooCommerce Demo and click Import Demo button
  3. After it wait for the import process to finish. Please be patient, it may take 5 to 10 minutes depends on your server speed.

Once the demo website is imported, all demo menus is imported automatically as well so you do not need to undertake any further steps here.

You can deactive one click demo import plugin after import demo data.

4. Global Theme Options

Once you've installed and activated Eternel, you can start explore our theme options to build your site. Eternel has global theme options and individual post options, the global are located in WP Customizer.

Eternel has live preview global options using WP Customizer. To see all options go to your WP Admin area Appearance > Customize, when WP Customizer will be opened you can:

Site Identity

Here you can change logo, logo's size, add site information and change site icon.

Theme Options

We tried to create simple and user-friendly options, here you can change a lot of things:

6. Widgets

In this section of the Theme Documentation we will discuss the available widgets and widget areas in the theme.

Eternel has Footer Widget areas, Primary Sidebar area and if you use WooCommerce Woo Sidebar area. To check it go to your WP Admin area Appearance > Widgets:

You can use Manage with Live Preview and see any changes instantly.

Eternel has own custom widgets that you can use:

Beginning from WordPress 5.8 version the Widgets interface was changed to a new Gutenberg interface, but it has too many bugs, that's why we recommend to use Classic Widgets plugin to be activated. Don't worry you will enjoy new interface in the next updates.

7. Eternel Meta

In this section of the Theme Documentation we will discuss the individual settings for pages and posts.

Before we start if you are not familiar with WordPress Gutenberg Editor we strongly recommend to watch some tutorials.

If you are familiar with Gutenberg Editor and use it before, you possibly saw such options inside editor. We introduce our Eternel Gutenberg Meta plugin which creates new level options for posts, pages and portfolio items.

Mostly all options are similar for posts, pages and portfolio items, but some of them have additional options. Here you can change header settings, add sticky header and change its settings individually. Hide or show footer areas, add some padding up and bottom, display some additional meta for single posts, change background, colors.

Try to open every settings and check options, it will help you to understand what every option does. For example, to change background color of page just use Color Settings:

8. Eternel Blocks

In this section of the Theme Documentation we will discuss Eternel custom Gutenberg blocks.

The theme includes Eternel Gutenberg Blocks plugin, which is a building content plugin for the WordPress Gutenberg Block Editor. All blocks are created specially for Eternel Theme while maintaining a beautiful design and minimalist style. It includes two types of blocks - Eternel Dynamic and Eternel Elements.

The difference between two types is in loaded content. Dynamic blocks automatically loads content from posts and portfolio items.

You can create a test page and check every block that we have to understand how they work. For example, let's check Featured Box block which has columned SVG icons with additional content and on hover it has SVG Animation:

As you can see it has some settings with different options:

And let's check our Team Members block:

So every block (45 exclusive blocks) has own optionы which are easily customizable, most important fast and with live preview.

9. Blog

In this section of the Theme Documentation we will discuss the creation of blog posts and its formats.

Eternel has the different post formats built into the theme and can be applied by creating and saving a post in WordPress. To create new blog post, go to Posts > Add New. Then you can choose your post format in the right sidebar:

Blog post formats Eternel styled:

For the single posts we have special settings in our Eternel Meta Options:

You can change what to display what to hide and change Sidebar position or remove it.

10. Portfolio

In this section of the Theme Documentation we will discuss the creation of portfolio items.

Eternel has custom post type called Portfolio. To create new portfolio item, go to Portfolio > Add New:

Add title and some content, don't forget to add Portfolio Item Image:

Or you can add Portfolio Item Video:

Featured media will appear for Portfolio archive page and for every Portfolio dynamic blocks.

For the single portfolio we have special settings in our Eternel Meta Options:

You can change what to display what to hide and change Sidebar position or remove it.

11. Static Blocks

In this section of the Theme Documentation we will discuss Eternel Static Blocks.

Eternel Static Blocks are an option to add additional content to your post or page or for any archive page to the top. It is very helpful when you have Primary Sidebar and you need to occupy its space. For example, we need to add fullscreen image to our blog archive page at the top. To make it create a new Static Blocks item, go to Static Blocks > Add New:

Let's call it Blog Image and add Hero Image block with title:

Then publish it, but here is the question how we can pin it to our blog archive page, very easy. We will use Eternel Meta Options, so the next steps will be go to Pages > All Pages and find our Posts Page:

Then click edit and open Eternel Meta, then choose Additional Settings and we can find Choose Static Block Page and choose our Blog Image which we've just created:

Then update the page and let's see how it looks now:

12. WooCommerce

In this section of the Theme Documentation we will discuss WooCommerce plugin.

Eternel is fully compatiable with WooCommerce integration, which allows you to easily create an online shop. For more information on installing and configuring WooCommerce, please visit this page: https://docs.woocommerce.com/documentation/plugins/woocommerce/getting-started/.

To start use WooCommerce you need to install the plugin, go to Plugins > Add New:

Type WooCommerce in a search input and then click Install Now:

When it will be done, don't forget to Activate Plugin.

WooCommerce Demo Import

If you plan on importing demo content, you should first set the product image sizes in order to achieve the same look as on our demo sites. Navigate to Appearance > Customize and click on WooCommerce, and then the Product Images. There you will be able to set the main image width and the thumbnail image width. Please note that under the Thumbnail cropping section you should either select Uncropped or Custom aspect ratio. If you choose to crop the images to a Custom aspect ratio, please make sure that the images are set to identical dimensions for both the product list and the product single.

Then you can go to Appearance > Import Demo Data:

Hover Eternel WooCommerce Demo and click Import.

WooCommerce Eternel Meta

If you try to edit product item you will see that WooCommerce uses old Classic Editor, not Gutenberg Editor. So that's why there is no Eternel Meta right sidebar options. For this we created custom post type Single Product Options. All you need is only one item which will answer for all single product items.

Simply put, if I hide header in the Eternel Meta Options it will be hidden for every single product item.

13. WPML Support

Eternel is fully compatible with WPML, one of the most popular translation plugins for WordPress. With WPML you can easily translate pages, posts, custom types, taxonomy, menus and even the theme’s texts.

Configuring WPML

Make sure that the WPML Multilingual CMS, WPML String Translation, WPML Translation Management, and WPML Media Translation plugins are activated. And don't forget to check this important article to get started.

We recommend using WPML’s Advanced Translation Editor to translate posts and pages. You can activate the Advanced Translation Editor by navigating to WPML > Settings under the How to translate posts and pages section.

Besides translating your site content yourself, you can also:

Translating Eternel texts

Here is a small example of how you can translate pages or posts using WPML and Eternel blocks. We created the page with Featured Boxes and added some content:

To translate this page, follow the steps below:

  1. Go to the page editing screen. In the Gutenberg editor’s sidebar, open the Language section and click the plus icon next to the language you want to translate your page into.

  2. You will be taken to the Advanced Translation Editor page. If you want to initiate machine translation, click the Translate automatically button. Alternatively you can add translations manually in the ATE interface. Review the translation and make sure it is accurate. Once done, click the Complete button to publish the translated page.

This is how the translated page looks in the front-end:

You can follow the exact same steps to translate any other pages and posts. For translating elements that may not appear in the Advanced Translations Edit (i.e. admin texts, widget texts, taglines etc.), please use String Translation.

All your settings that you chose for Eternel Meta Options will be copied to another language page.

Updating or editing translations

If you edit the contents of a page or post that has already been translated, you will see the spinning arrows which indicates that you need to update the translation. In this example, we added another Featured Box:

To update and confirm the translation, follow the steps below:

  1. Click the spinning arrows icon next to the language you want to update the translation for.

  2. This takes you to the Advanced Translation Editor. As you can see in the screenshot below, the existing translation is preserved. Simply review the new translation of the added text and click the Complete button to update the translation.

In case you need help translating your site built using Gutenberg blocks plugins and WPML, visit WPML’s support forum. Also you can contact our team if you have some issues or need help.

14. Child Theme

If you plan to modify the source code of the main parent theme (php, js, style.css) we strongly recommend to install this child theme and make such modifications inside this child theme in order to avoid any possible problems & issues by installing updates of Eternel's main parent theme in future. You can find this child theme in folder downloaded folder – please check for eternel_child.zip.

The installation of the child theme works in the same way as the installation of the main parent theme (see description above).

To learn more, read the this article on the WordPress.

15. Credits

Icons

Free icon packs from Font Awesome and IconMonstr.

Images

Free images from Unsplash and Pexels.

Fonts

Free fonts from GoogleFonts.

License

Please refer to Envato’s license policy for all questions concerning the purchased license: https://themeforest.net/licenses/terms/regular. To keep it short: one regular license allows you to use Eternel on one localhost, one development and one final production website.

Eternel theme developed with love by MaitreArt Studio.
Copyright © MaitreArt 2021

16. Change Log

Éternel version: 1.2.3 – April 1st, 2022
- Additional footer theme option was added; - Minor styling fixes;
Éternel version: 1.2.2 – February 19th, 2022
- WordPress 5.9 full compatibility; - WooCommerce 6.2.0 full support; - Video support for the Hero Slider block; - Small bug fixes; - Styles speed optimization;
Éternel version: 1.2.1 – January 21st, 2022
- Small color fixes on editor side; - Portfolio blocks category filter fix; - Additional theme options for main navigation; - Gallery Carousel autoplay disabling option were added; - Preview Image and Video blocks were added;
Éternel version: 1.2.0 – November 8th, 2021
- WP components update for Éternel Blocks and Éternel Meta plugins; - Theme JS libraries update; - WooCommerce 5.8 version templates update; - Search option for header was added; - Interactive Links block was added; - Additional font sizes for Featured Box block was added;
Éternel version: 1.1.1 – September 13th, 2021
- Code optimization; - Instagram link bug fixed;
Éternel version: 1.1.0 – September 6th, 2021
- WPML official compatibility; - Minor bug fixes; - Minor mobile styling;