Aqualine - Like Themes WordPress Theme Documentation 1.1

1. Theme Support and Licence

Thank you for purchasing Aqualine WordPress Theme. If you need support you can contact us by email (like.themes.wp@gmail.com). You must provide purchase code, we'll answer you in 1-2 business days (if you wait for answer too long, please check spam folder). According to item support policy it doesn't include theme customization, third party plugins integration and hosting problems.

With ThemeForest Regular License you allowed:

• You are licensed to use the Item to create one single End Product for yourself or for one client (a “single application”), and the End Product can be distributed for Free
• You can modify the Item and therefore delete unwanted components before creating your single End Product

You are not allowed:

• You can’t Sell the End Product, except to one client. (If you or your client want to Sell the End Product, you will need the Extended License.)

For more information about license please read https://themeforest.net/licenses/faq.

2. Theme installation

Like Themes left menu.

Requirements

You need web hosting with at least PHP8.x, MySQL 5 or higher and WordPress 6.7.x installed. Please check WordPress official minimal requirements https://wordpress.org/about/requirements/
If you have troubles with theme installation or one click demo install, make sure your server configuration limits are:

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

You can check the server settings using the left menu Like Themes or Custom PHP Settings plugin.
To view the configuration of the PHP using the plugin go to menu Tools > Custom PHP Settings > Settings:

To change these values:

1. Edit your .htaccess file (at root of your FTP) and adding these lines:

php_value upload_max_filesize 32M

php_value post_max_size 32M

php_value memory_limit 256M

php_value max_execution_time 600

 
  2. Try to use plugin Custom PHP Settings. Go to menu Tools > Custom PHP Settings > General and paste the following strings into the text field:        
            post_max_size=32M
            upload_max_filesize=32M
            max_execution_time=600
            memory_limit=256

 
   3. If it still not helps - contact your hosting provider, they must help you with server configuration.

Installation

Please watch full video tutorial. It was recorded for our Autema theme, but can be used for any theme of our development.

1. FTP
   Upload the non-zipped theme folder into the /wp-content/themes/ folder on your server. You must upload upload the file aqualine-child.zip in addition with the folder /aqualine/ from archive aqualine.zip.
   
2. WordPress
   Navigate to "Appearance" > "Add New Themes" -> "Upload Theme" -> "Choose file" (choose aqualine.zip) > Install

Activate it after install.

Basic configuration

1. Install all required plugins by clicking on Begin installing plugins
2. Activate them after that
3. Update permalinks for custom pages in Settings -> Permalink -> Save
   
   

Attention! LT-Core, LT-Ext and WPbakery Page Builder / Elementor plugins are responsible for the performance of the theme. They are required to install!
Notice: if you want to use a child-theme, you can also upload the file aqualine-child.zip in addition with the main Aqualine Theme. Child Theme allows you to add/modify CSS Stylesheet and functions without modifying main theme files. And you'll not lose your modifications after main theme update.

Before Demo Installation

Our theme supports two page builder: WpBakery and Elementor. But the demo can be disabled only for the one builder. You can define which builder will be used for the demo in the menu Like Themes > Theme Settings General:

Or you can left both marked fields unchecked and choose the content type later before installation:

Demo Content Install

We recommend you to install demo content. Go to the Tools -> Demo Content Install. Be aware - installing of demo content will delete all your current content.
Click Install, wait till it'll be downloaded. Your WordPress Aqualine theme now must be identical to live preview. If you have troubles with installation, please check minimal PHP hosting requirements from Theme installation section.

3. Troubleshooting guide

Theme is missing the style.css stylesheet error

If you have error "Theme is missing the style.css stylesheet error" - make sure you uploading inner WordPress .zip file with theme, not the whole archive downloaded from ThemeForest. Unzip the archive and download only the attached *.zip file with the theme.

More information on https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error.

LiteSpeed web server

If you are using the LiteSpeed web server and got an issue during the installation, please make the following changes to the file .htaccess and wp-config.php which are located in the root folder on your FTP server:

1) .htaccess:

RewriteRule .* - [E=noabort:1]

2) wp-config.php:

define('DISABLE_WP_CRON', true);

define('ALTERNATE_WP_CRON', true);

Menu assignment

Image regeneration

Requests made through the contact form do not come to the email.

4. Theme Configuration

Header Configuration

Menu Like Themes > Theme Settings > Header > Navbar

Navbar Mobile Breakpoint, px - You can specify the point at which the navbar will switch to the mobile display.
Important!  The value must be specified in pixels.

Menu Like Themes > Theme Settings > Header > Icons and Elements

In this menu you can assign different types of icons for display in the Navbar. For example: shopping cart, user profile, search, social network. You can also determine the display of icons on your mobile phone.

All icons created in this menu can be displayed everywhere by adding a shortcode [ltx-navbar-icons] to into a text widget or text block in the page editor.

Menu Like Themes > Theme Settings > Header > Page Header H1
In this menu you can customize the background, effect of parallax in header, Display of social network icons (which are configured in the menu Like Themes > Theme Settings > Social)

Featured Images as Background
If you need to use a different background in the header for different pages, activate this function in this menu:



After activation, the background image in the header will be replaced by the Featured image assigned in this page. If such an image is not assigned, then the image assigned in the Theme Settings menu will be displayed in the header.
Notice: we recommend using images with a resolution of 1900 * 600px for the background in the header.

"Page Header H1" responsible for the section of the site between the Navbar and the rest of the site content. See the screenshot below:

Footer Configuration

Menu Like Themes > Theme Settings > Footer > Widgets
In this menu, you can customize the display of content in the footer.

In the "Footer Default Style" drop-down list, you can choose two options for displaying the footer:

Default - displays footer with settings made in this menu.
Copyright Only - hide all footer content and display only block Copyrights.

Also in this menu you can change Footer Background and enable Footer Parallax effect.

Widgets visibility.
In this part of the settings, you can configure the space to display content in the footer. The space of the footer on the screen is divided into equal parts depending on the active sections. For example: If you have all 4 footers turned on to display, then each of them will occupy a quarter of the screen. You can also hide the content of the footer for display on different devices by activating or turning off the footer with the desired number.
You can change the content in the footer in the menu Appearance > Widgets.

Important! In this menu, you can only configure the way content is displayed in the footer. You can read about how to configure the content at the link: Widgets

Menu Like Themes > Theme Settings > Footer > Go Top

In this menu we define the appearance and behavior of the "Go Top" button.

This button can be found in the lower right corner of the site:

Menu Like Themes > Theme Settings > Footer > Copyrights

In this menu you can register your copyright.
Important! If you just leave the text input field empty, it will not remove our copyright from your site. You need to replace them with your own.

Posts Layout

In the menu Like Themes > Theme Settings > Posts Layout you can customize the display of content on pages with blogs, services, in the gallery and on WooCommerce pages. For example: enable or disable the sidebar in blogs or on the WooCommerce pages, change the number of products in one row per page, change the number of columns in the gallery... Excerpt Blog and WooCommerce - automatically cuts text on these pages.

Favicon

Color Customization

CSS Customization

• http://www.w3schools.com/css/
  
• https://developer.mozilla.org/en-US/docs/Learn/CSS

Also you'll need in-browser tool for CSS Tweaks (watch firebug video tutorial):

• Firebug (in Firefox)
• Chrome Developer Tools (in Google Chrome)
• Web Inspector (in Safari)

WordPress settings

1. Settings -> General. You can set here your email, timezone, date format
2. Settings -> Reading. Frontpage must be set to "Homepage", but you can use any page of site as welcome page. Also you can change number of posts per page. 6, 8 or 10 will be optimal
3. Settings -> Discussion. You can enable/disabled premoderation of comments here.
   

5. Menu and Widgets

Menu

Widgets

You can add the required widget to the footer using the drag and drop method. Or you can click on the widget and select where to add it in the drop-down list.

After adding the widget its contents can be edited as you need.

Important! Sidebar Default can be displayed on different pages of the site except WooCommerce pages. On WooCommerce pages only Sidebar WooCommerce is displayed. Footer 1, Footer 2, Footer 3 and Footer 4 are displayed only in the footer.

6. Posts

Blogs posts

It's standard WordPress posts module. You can write articles here, create categories, set tags.

Gallery

Among standard gallery, you can use our posts type. Main Photo with header and description will be shown in list and other photos with full-page zoom inside of gallery.

Testimonials

You can post clients feedback here, it will be available on /testimonials/ page. Also you can post preview of feedbacks on any page with shortcode.

Sections

Allows to edit common used on all pages blocks.

In the Section menu, you can create an additional section that can be displayed on each page above the footer or above the navigation menu. After creating a section, do not forget to assign its position.

7. Pages

Among posts, pages are main module where you'll create your site content. You can use WPbakery Page Builder or Eementor for visually change blocks and using shortcodes. You'll find information about all Aqualine shortcodes in next section, here we'll describe main editor functions.

Layout

For every page you can configure:

• Navbar. Setting mostly used for HomePages to set different Navbars
• Subscribe. Can be hidden or visible. And changed in Sections Menu.
• Sidebar. Can be hidden or placed to left or right of page.
• Blog Layout / Gallery Layout. Different number of columns can be set. In order to show these pages correctly you must also set template.

8. WpBakery Shortcodes

Here we describe our shortcodes:

Gallery Shortcode

The shortcode displays on the photo page from the specified gallery. In the settings you can specify the time for auto-scrolling, the number of displayed items and the output template.

Alert shortcode

You can create Warning Block:

In the shortcode settings, you can select 4 message types: Error, Success, Important and Warning. You can also change the shortcode icon and add your own warning text.

Zoom Slider shortcode

Shortcode displays previously created sliders from the specified category.





In the shortcode settings, you can specify the category in which the sliders are located and adjust the transition effects of the sliders.





This shortcode displays sliders from a specific category. You can add sliders and assign a category to them in the Sliders menu.

Services shortcode

Shortcode displays previously created services.
In the shortcode settings you can specify the category of services to display, the total number of services to display, the text of the label on the button and specify the period for autoscrolling.

Social Icons shortcode

Shortcode that displays social icons on the page. In the settings you can customize the appearance of the block, upload your own icons, add a link to the social network.

Header shortcode

Designed to display two sections of text: Header and Subheader. Provides a wide range of settings for each section individually.

You can use Google Fonts to set unique header:

Content Width shortcode

Shortcode to display an adaptive block.

A text editor is built into the shortcode settings. It is also possible to add animation for text from a wide selection of templates.

Block with Icons shortcode

Create different information block with icons:

In the shortcode settings, you can add the required number of icons, specify a title for them and a text description.

Set all parameterss and create Icons list. You can choose from Font Awesome library or upload you own icon.

Button Shortcode

Shortcode displays a button on the page. In the settings, you can add an icon for the button, change the text of the label, add a target link and make small appearance settings: select default color state, hover color state, different text color.
Position allows you to set several button in one row.

Partners Shortcode

Shortcode displays the photo and the name of the partner. You can also add a link to a partners website.

Google Map Styled Shortcode

The shortcode displays a Google map on the page and marks the coordinates specified in the settings.

Contact Form 7 Customized Shortcode

Important: Contact Form 7 plugin is a third-party plugin. Detailed documentation on how to configure this plugin here:
https://contactform7.com/setting-up-mail/

Blog

Insert block with last Blog Posts from archive

You can inset certain Blog Posts by ID's, or latest posts from Category. Also you can set needed text size.

CountUp Shortcode

CountUp Block is simple, but effective way to show some important information to you client.

Add several blocks, insert you information and that's all - animated block is ready.

Empty Space Responsive

Empty space is main tool to control your sections. You can create block of certain height, that will be transformed in mobile and tablet.

Video Popup

Products

Show latest product from WooCommerce plugin with filter and slider:

Tariff

This shortcode helps to visualize the difference between different tariff plans.

Menu

Shortcode allows you to display a menu from the selected category on any page with this shortcode.

8.1. Elementor Widgets.

Blog Widget

Insert block with last Blog Posts from archive

You can inset certain Blog Posts by ID's, or latest posts from Category. Also you can set needed text size.

Before/After slider

Button Widget

Widget displays a button on the page. In the settings, you can add an icon for the button, change the text of the label, add a target link and make small appearance settings: select default color state, hover color state, different text color.
Position allows you to set several button in one row.

Zoom Slider Widget

Widget displays previously created sliders from the specified category.





In the widget settings, you can specify the category in which the sliders are located and adjust the transition effects of the sliders.





This widget displays sliders from a specific category. You can add sliders and assign a category to them in the Sliders menu.

Slide background image can be changed it the single slide editing menu:

Services Widget

Contact Form 7 Customized Widget

Google Map Styled Widget

The widget displays a Google map on the page and marks the coordinates specified in the settings.

Header Widget

Designed to display two sections of text: Header and Subheader. Provides a wide range of settings for each section individually.

Block with Icons Widget

Create different information block with icons:

Partners Widget

Products Widget

Show latest product from WooCommerce plugin with filter and slider:

Testimonials Widget

You can post clients feedback here. Also you can post preview of feedbacks on any page with the widget.

9. Forms

To add forms on your pages, first create them in required plugin. Then go to Contact > Contact Forms

To insert form into page use CF7 Shortcode or CF7 Customized for more options. You can read more about working with this plugin here: https://contactform7.com/setting-up-mail/

10. Additional Plugins

WooCommerce

E-commerce plugin with huge amount of add-ons.
https://wordpress.org/plugins/woocommerce/

Breadcrumb NavXT

Used for showing breadcrumbs in header of site
https://wordpress.org/plugins/breadcrumb-navxt/

Post Views Counter

Show number of views in gallery and blog posts. If you disable it icon will be hidden.
https://wordpress.org/plugins/post-views-counter/

MailChimp

11. Third Party Plugins

Custom Fonts plugin

You can use additional plugin to upload fonts:
https://wordpress.org/plugins/custom-fonts/

Notice: You need to add It in all formats it requires (not only TTF).

Video Background plugins

You can use one of these plugin in order to add mobile background functionality into WPBakery:
https://wordpress.org/plugins/advanced-backgrounds/
https://wordpress.org/plugins/video-background/

Contact Form 7 plugin

Detailed documentation on how to configure this plugin here:
https://contactform7.com/setting-up-mail/

12. Tips and FAQs.

Loading custom icons

You need to use http://fontello.com/ services in order to create icon pack for you and them upload it into Appearance -> Theme Settings -> Fonts -> Fontello.
You need to upload all the files, css and fonts. After it new fonts will be available (please make sure that you have cleaned cache if you are using it).
Notice: this process will overwrite custom icons. If you plan to use custom icons that come with the theme and add yours there, please contact our technical support and we will help you resolve this issue.

Loading custom fonts

https://wordpress.org/plugins/custom-fonts/

Notice: You need to add It in all formats it requires (not only TTF).

Navbar Mobile Breakpoint

You can control breakpoint of hamburger menu in Appearance -> Theme Settings -> Navbar -> Navbar Mobile Breakpoint (please make sure you are using the latest version of our theme).

By default hamburger is enabled for 1200px and less, but you can set 4000px, for example, in order to enable it in any resolution.

Featured Images as Background

The theme has a built-in function. It replaces the image in the header with the main image of a separate page.

You can enable it in the menu Appearance > Theme Settings > Header > Page header H1 in the drop down list "Featured Images as Background" set the value "Enabled".

After it all the featured images will be used as header background. You can assign a featured image for each page separately.




Notice: We recommend using images with a resolution of 1900 * 600px for the background in the header.

13. Backup

You can backup your site in Tools -> Archives menu. Also you can enable Backup Schedule for automatic backup.

We strongly recommend you to do manual backups regularly, especially when you making updates or major changes on your pages.

14. Site Translation

To translate such strings we recommend using the Loco Translate plugin.

Install and activate the Loco Traslate plugin

https://wordpress.org/plugins/loco-translate/

And then add it through the menu: Plugins > Add new > Upload Plugin.

15. WordPress Optimization

Very often there is a need to increase the speed of the site. The easiest way is to use optimizing plugins. Our team recommends using Autoptimize and WP Super Cache plugins.
You can check pagespeed of your site here: https://gtmetrix.com/
Also you can check this article about Wordpress optimization: https://gtmetrix.com/wordpress-optimization-guide.html

Autoptimize Plugin.

Link to the official page of the plugin: https://wordpress.org/plugins/autoptimize/

We use such plugin settings:

WP Super Cache plugin.

Link to the official page of the plugin: https://wordpress.org/plugins/wp-super-cache/
We use such plugin settings:

16. Site migration

As a rule, during development, no one wants outsiders to see his site, so development is carried out on a local server, or on a test domain, or a stub is put on the site. In the first two cases, after the project is completed, it will need to be transferred to another hosting and another domain. In this article, we will consider a simple way to transfer a site from one hosting to another.

Important: hosting must meet the minimum requirements of Wordpress and the Domain must be configured.
The requirements of the WordPress engine can be checked at the link below:
https://wordpress.org/about/requirements/

For site migration we use the Duplicator plugin. Below is a link to it:
https://wordpress.org/plugins/duplicator/

After installing the plugin, you will have access but this menu:


In the "packages" menu, you can create a new package for migration or view old versions of packages. Let's create a new package.


The first step of the plugin:


Second phase:


The third stage: download the archive with content and the installer.


Copy the archive with the content and the installer to the root folder on your new hosting. To start the installation, enter this text string in the address bar: YourDomainName/installer.php, аnd follow the instructions.

First step:


Second phase. Database connection.:


Third stage:


At the fourth stage, you will be prompted to enter the site and automatically remove the transfer packets.

17. LT Car Washing Booking Plugin

The Car Washing Booking plugin allows you to create different locations with unique configuration of Plans, Services and Time Schedule
to simplify order process. Plugin requires the Aqualine theme as parent theme and the LT-Ext, Unyson plugin activated. The final result will be similar to:

http://aqualine.like-themes.com/homepage-booking/

In this section of documentation we will describe every step of Booking Plugin in details. The first block of the welcome page (above) was built using the WPBakery Page Builder and it doesn't related to the Booking Plugin. You can remove it or you can insert the booking plugin anywhere on your pages.

Points

We strongly recommend you to install the demo content of Aqualine theme, which includes the demo content for Booking Plugin. You will receive full configured plugin which can be used as start.

In order to add the plugin on the page you need to use the shortcode from Points edit page, for example:
[lt-booking id="12991"]


You can create as many different point as you need and each one will have the unique shortcode.

General Tab

The configuration of Booking Plugin starts from adding new point:

Step 02

Step 03

Step 04

Step 05

• Different types (Text or Textarea).
• The required field must be entered before form submit. There is no special mark for this form, so you need to mark it in Label (if it is required)
• Predefined fields are used for booking section and emails. There are several predefined fields (Name, Email, Phone). Several fields can be combined, like First Name and Last name (in result you will have single string divided by spaces). See the booking menu info below regarding this.
  

• {order_info} variable used to insert Order Info Template into both clients/admin email.
• {custom} will be replace by all custom fields with labels on new lines (so no labels in template required)
• {google_calendar_link} will add link to the Google Calendar Service which allows used to add an event to his calendar. The configuration of address can be done in General tab.

We also recommend you to make test order and make sure, that emails are not going to spam folder. The LT Booking plugin uses the WordPress mail function to send emails and in case if you have problems with sending, you need to check your hosting SMTP settings.
You can also use these plugins for additional configuration:
https://wordpress.org/plugins/wp-mail-smtp/
https://wordpress.org/plugins/easy-wp-smtp/

Payments

The booking system supports Stripe, Payfast and Redirection link to accept customers payments. Everything can be configured in Payments tab:

To configure Stripe payments you need to get account on stripe.com and provide Public and Secrets keys.

To configure Payfast gatway you need to get account on payfast.com and provide Merchant ID and Key.

Cars

Tariffs

Each tariff has it's own configuration:

The currency can be set in Points menu.
The VIP layout is used only for different display of the tariff, you are free to exclude it or to use ll VIP layouts.
The order of tariffs set by Publish Date and you can change the order by changing the day:

The admin header is used only for wp-admin:

The client will not see it. You can use it to set different plans with same headers for different cars.

Please note, that Aqualine theme has WPBakery Page Builder shortcodes for tariffs and they are not related to the LT Booking plugin. These are totally separate.

Services

Bookings

http://like-themes.com