Welcome To Akira Elementor
Multipurpose Prestashop 1.7, Prestashop 8 Theme

Introduction

Thank you for purchasing our theme. In this document, we provide all kinds of good information with all the details you need to use our theme. We hope you have fun and enjoy working with our theme. If you need further help, please feel free to open a ticket on our support center.

Before Getting Started

If you are not familiar with Prestashop 8, please get accustomed with it before proceeding to using our theme. Here are some links that will help you to become more confident with Prestashop 8:

Requirements & Compatibility

Requirements

To run Prestashop 8 your host just needs a couple of things, check it in this link:
https://devdocs.prestashop-project.org/8/basics/installation/system-requirements/

Compatibility

Our theme is compatible with these browsers:

Installation

Prestashop Core

You download and install Prestashop 8 or later

Theme Package

To download, you need to log into your ThemeForest account and go to your http://themeforest.net/downloads page. Locate the theme that you purchased in your Downloads list and click on the Download button

Installation

Download All files & documentation, you need to unzip it. Then, you find the installable file inside.

Prestashop 8 Installation

Follow the steps below to install via Prestashop 8:

  1. In your Prestashop 8 Admin Panel, go to Design > Theme & Logo
  2. Click on the Add new theme
  3. Click on the Add file button and navigate to find the akira_theme_installations_file_vXXX.zip file on your computer and click on the Save button
    And wait while the theme is uploaded and installed
  4. Activate the newly installed theme by click Use this theme

* XXX is the version you want to install

* You can see video tutorial here: https://youtu.be/FhhDy7V4l28

* If your server is timeout, please active Classic theme and reactive our theme.

Prestashop 8 Installation
Please note that some hostings have a restriction on a size of a file that you are uploading. If you have any warning, you will contact your hosting provider. They should increase your maximum upload size.

FTP Installation

Follow the steps below to install via FTP:

  1. Log into your hosting space via an FTP software
  2. Upload the akira_theme_installations_file_vXXX.zip file into root > themes folder
  3. Go to Design > Theme & Logo and setup Akira theme
  4. Click on the Add new theme
  5. Click on the Select the archive select and choose the akira_theme_installations_file_vXXX.zip file on your FTP and click on the Save button
    And wait while the theme is uploaded and installed
  6. Activate the newly installed theme by click Use this theme
FTP Installation

Import Demo Content

Watch a video on how to import content from our Axon - Library with 1 click

* You can see video tutorial here: https://youtu.be/KEHs6cc-yFo

* You need to activate Axon - Creator with a purchase code to use Axon - library

Theme Customizer

After activating our theme, you can go to AXON - MODULES > Modules > Theme Customizer to configure the theme. Below will explain what you can do with Theme Customizer.

  • General: Some global options
  • Header: Choose a header/header-sticky style to apply to the entire page
  • Homepage: Homepage-specific configurations
  • Footer: Choose a footer style to apply to the entire page
  • Page title: Configure breadcrumbs for the entire page
  • Contact page: Configuration for contact us page
  • 404 page: Configuration for 404 page
  • Category page: Configuration for category page
  • Product detail page: Configuration for Product detail page
  • Fonts: Choose fonts for the entire page
  • Input/button/product label: Choose the input/button/product label type
  • Color: Dark mode and choose the main color of the page
  • background: background for body and main page
  • Style on theme: For developers to add custom CSS
  • Custom code: You can add custom CSS/JS here
  • Import/export: Import and export the entire configuration of Akira theme
Theme Options

Megamenu

Megamenu item is structured as shown below

structured

After creating a new item, you need to create the column and the content of the column as follows:

structured structured structured structured

Axon Creator

Akira has a built-in Axon Creator module that uses the Elementor source. You just need to use the purchase code to activate its full function and use

License activation

Please follow the steps below to activate your license

  1. Go to Axon - Creator > Settings & License
  2. Click License tab
  3. Enter your purchase code from Themefores > Downloads and click activate button
  4. If your license has been activated on another website or another domain, you will get an error message. Please complete the migration license section to activate your license on the current website.
License

General settings

Go to Axon - Creator > Settings & License to find the configuration of the Axon - Creator module

  1. Disable Default Colors: Choose whether to use your theme’s color settings or let Axon-Creator control it.
  2. Disable Default Fonts: Choose whether to use your theme’s typography settings or let Axon-Creator control it.
  3. Switch Editor Loader Method: This setting changes the Elementor editor loader method. It is very helpful in solving some shared hosting issues.
  4. CSS Print Method: Choose if your CSS will be included as an independent stylesheet (recommended) or on each page.
General settings

Add & edit content

Header

To manage your header, you go to Axon - Creator > Add & edit content.

  1. Click plus button to create a new header
  2. Click Edit to edit the existing header
  3. Select one of the header drafts above as the header displayed on all pages
  4. Select a different sticky header than the one you are currently using. Leave it blank, the sticky header will be the same as the header layout.
Header

Footer

To manage your footer, you go to Axon - Creator > Add & edit content > Footer tab.

  1. Click plus button to create a new footer
  2. Click Edit to edit the existing footer
  3. Select one of the footer drafts above as the footer displayed on all pages
Footer

Homepage

To manage your homepage, you go to Axon - Creator > Add & edit content > Home tab.

  1. Click plus button to create a new footer
  2. Click Edit to edit the existing footer
  3. Select one of the footer drafts above as the footer displayed on all pages
Home

Hook

To manage other locations on the page using Axon - Creator, you go to Axon - Creator > Add & edit content > Hook tab.

  1. Click plus button to create a new block with hook
  2. Click Edit to edit the existing hook
  3. Available hooks and their locations:
    • displayProductAccessories: shown at the bottom of the product detail page
    • displayProductSameCategory: shown at the bottom of the product detail page
    • displayRightColumnProduct: shown in product info
    • displayLeftColumnProduct: shown in product info
    • displayLeftColumn: left column on all pages showing this column
    • displayRightColumn: right column on all pages showing this column
    • displayContactPageBuilder:contact us page content
    • display404PageBuilder: 404 page content
    • And other locations too
Hook

Widgets

Akira comes with 52+ widgets

Other feature

Akira comes with an other feature

Social login

Go to AXON - MODULES > Modules > Social login to configure your social login.

For any platform you need to create an API/client on the platform itself before you can use this Social login.

You can click How to create button on each configuration tab to know how to get API/client.

Social login

Social Login: Facebook App Setup

Creating a new app

  1. Go to the Facebook Developers site: https://developers.facebook.com/.
  2. If you are not logged in, log in to the site using your Facebook account details.
  3. Once logged in, go to 'My Apps'.Social login
  4. Click on the 'Create App' button. It will lead you to the app creations page. Social login

    A message will appear that there's a new way to create apps with Meta, click the 'Create App' button to continue.

Creating an app

  1. On this page, in the Add use case tab, select "Authenticate and request data from users with Facebook Login" from the suggested use case, and then click on the 'Next' button. Social login
  2. In the Login type tab, select "No, I'm not building a game" as your login type, so you will not be redirected to the gaming setup, then click the 'Next' button to proceed. Social login
  3. Fill out the App Name and App Contact Email. Then click the Create App button. Social login

    Please note that After clicking the 'Create App' button, you may be presented with a security check.

  4. Upon successful creation, a message window will appear that your app has been created. Click the 'Go to Dashboard' button to proceed to the dashboard. Social login

Create and Publish App

Customize this app

  1. In the dashboard, click on the 'Customize adding a Facebook Login button' to set up your product. Social login
  2. Scroll down to the Permissions section and add 'public_profile' and 'email' permissions by clicking on the 'Add' button. Social login
  3. After you have added the permissions, go to settings by clicking on the 'Go to settings' button. Social login
  4. In the Client OAuth Settings, you need to enter your site's login, register, and account's social tab URIs into the field "Valid OAuth redirect URIs" Add the custom page URL if you use the social login shortcode on the custom page. We recommend adding additional URLs with the parameters "return_provider" and "provider" See the example below:

    https://www.yoursitedomain.com/module/nrtsociallogin/facebook

    https://yoursitedomain.com/module/nrtsociallogin/facebook

    Social login
  5. After you have saved the changes, go back to Customize and click on 'Go to quickstart'. Social login
  6. Select the Web platform for your app, then add your Site URL, then click the "Save" button. Social login

Prepare and submit for App Review

Note: Additional steps may be necessary. Ensure that all required verifications and data handling questions, if applicable, are completed before submitting this application to App Review. If you do not have a Facebook business account, please follow the instructions provided here on how to create one: https://www.facebook.com/business/help/1710077379203657
  1. In the Prepare and submit for App Review, click on 'Review and complete testing requirements', it will redirect you to Graph API Explorer. Social login
  2. On the right section of the Graph API explorer add the public_profile and email. To add a permission go to permission > User data permissions> email. Social login
  3. Once added, click on Generate Access Token and Submit buttons
  4. Go back to your App's Dashboard, and click on Business Verification, it will redirect you to the verification page. This is where you can add your business account. Social login
  5. This step is necessary to obtain access to user data, commonly referred to as advanced access in certain applications. Completion of this process is restricted to individuals with full control of a Business Account. For further information on business verification, please refer to this article: https://www.facebook.com/business/help/2058515294227817?id=180505742745347 Social login
  6. Once, you have successfully added a verified business account. Return to the App Dashboard or from the side menu, click on Review>Data handling questions. It will redirect you to data handling questions where you need to answer questions about data handling. Social login
  7. To begin, select "Answer questions about data handling" and a window will promptly appear. Within the Usage Check tab, carefully review and confirm the data usage permissions and features you have added. Utilize the checkboxes to express your confirmation and agreement, and subsequently, click on the confirm button to proceed. Social login
  8. Now in the Data Handling tab, In order to obtain access to permissions, kindly provide information regarding your data handling practices. This is a mandatory step for App Review and the subsequent launch of your app. Answer the questions and click Submit button. Social login

Publish

  1. Go to the Publish tab from the side navigation menu. Then click on the 'Go to app settings'. Social login
  2. You must fill in the following information: Privacy Policy URL, Terms of Service URL, User data deletion and you can also include an app icon to make the app appear more professional. Then click the 'Save changes' button. Social login
  3. Ensure all required settings are completed and use cases are reviewed before you click on the 'Publish' button, the app can’t be published if the requirements are incomplete. Social login

    Please note that After clicking the 'Publish' button, you may be presented with a security check.

  4. After successfully publishing your app, a confirmation message will be displayed indicating that it is now available for the public to use. To proceed to the next step, simply click the 'Done' button. Social login

App ID & App secret

With your app successfully published, the next step is to integrate Facebook with Ultimate Member. To achieve this, you'll need both the App ID and App Secret.

  1. In the side navigation menu, navigate to App Settings> Basic. Here, you'll find both the App ID and App Secret. Social login

Social button

Social button displays a button to share the product link to the social network you want on the product detail page. You can also display a follow button in the footer.

Go to AXON - MODULES > Modules > Social button to set your social button.

Turn the share button on and off by clicking the enable/disable button.

Enter the link you want to show or leave it blank to hide it.

Social button

Custom product detail tab

You can add unlimited number of tabs in product detail page.

Go to AXON - MODULES > Modules > Custom tab to add it.

  1. Show global Custom Tab: enable this option to display a tab for all products.
  2. Click the plus button to add more tabs, then you need to go to each product to add this tab.
Custom product detail tab
  1. While editing the product, click the Modules tab
  2. Choose to configure the Axon - Custom Tabs Product module
  3. Select the tab you created earlier, you can select multiple tabs at the same time by pressing Ctrl
Custom product detail tab

Product video

You can add video for each product.

Go to AXON - MODULES > Modules > Products Videos to add it.

  1. Show global: enable this option to display a video for all products.
  2. Click the plus button to add more tabs, then you need to go to each product to add this tab.

**NOTE: Only when entering the correct video path format will the video be displayed.

Youtube:
https://www.youtube.com/watch?v=_KGExKxme7w

Vimeo:
https://vimeo.com/235215203

Product video
  1. While editing the product, click the Modules tab
  2. Choose to configure the Axon - Products Videos module
  3. Select the tab you created earlier
Product video

Google reCaptcha

Go to AXON - MODULES > Modules > reCaptcha to configure the Google reCaptcha module.

  1. Get the exact site key and secret key from this page https://www.google.com/recaptcha/about/
  2. Select the reCaptcha version you entered
  3. Enable for registration form: used for new account creation form(only for V2)
  4. Enable for contact form: used for contact form(only for V2)

**NOTE: reCaptcha will automatically turn on for all pages

reCaptcha

Blog

Akira is using Smart blog of Prestashop.

Translations

Akira is ready to translate by using the admin panel. You can search all the text of content page here

Follow the steps below to translate:

  1. In admin panel, go to International > Translations
  2. Choose the type of translations and click on the Modify button
Create A New Page