Are you an LLM? Read llms.txt for a summary of the docs, or llms-full.txt for the full context.
Skip to content

Frequently Asked Questions (FAQ)

Welcome to our FAQ page! Here, you’ll find answers to the most common questions about our theme, installation, customization, and usage. Whether you’re getting started or looking for specific solutions, this page is designed to help you resolve any issues or doubts quickly.

Browse through the questions below to find helpful information and guidance. If you can’t find what you’re looking for, feel free to reach out to our support team – we’re here to help!

There is no menu appearing when I click it on mobile devices

  1. Open your header template in the CE editor
  2. Click on the Menu widget
  3. Go to the General section
  4. Make sure the option “Use this menu in mobile sidebar” is enabled
  5. Save the template and clear the cache if needed

Empty search results

Go to "Shop Parameteres" → "Search" and click "Add missing products to the index"

Alysum Prestashop Theme Empty search

Prestashop Product Types

New
By default, all newly added products are considered New You can change the number of days a product remains New in Shop ParametersProduct Settings.

Featured
To make the product Featured, go to CatalogProducts and in Associations field of a product add it to Home category

Special
To make the product Special, go to CatalogProducts and add a discount.

Bestseller
It's a product which was sold many times

Cross-sellings
Are those products which were sold in the same cart with the currently viewed product

How to edit contact page details?

Go to Back Office → Shop Parameters → Contact. You’ll find two tabs: Contacts and Stores. Navigate to the Stores tab to view all available contact details

Empty Contact Page

Please make sure the module "Contact form (by PrestaShop)" is installed and enabled

Where to find subscribers list

Go to "Modules" → "Installed Modules", find there "Newsletter subscription". Click on "Configure"

Categories List disappear

Go to "Modules" → "Installed Modules", find there "Category tree links". Click on "Configure". Set "Category root" to "Home category"

How to configure Google Maps on Contact Page

  1. Go to "Modules" → "Theme Settings" → "General Tab", locate Google API Key, and enter your API key. Read more about API keys here.
  2. Go to "Theme Settings" → "Contact Page", enter your store’s coordinates, and save.

My Translation doesn't apply

If your translation isn’t applying, try modifying it, save the changes, then revert it back and save again

Add custom Font to the Theme Settings fonts list

Step 1: Download the font

Find the custom font you want to use on your website, and then download the font file.


Step 2: Create a WebFont Kit for cross-browsing

Upload your font file to the Webfont Generator and then convert it.


Step 3: Upload the font files to your website

Using your FTP or file manager, upload all the font files found within your Web Font Kit to your website into the folder /themes/alysum/assets/fonts/. Typically this kit will include multiple file extensions such as (.woff), (.woff2), (.ttf) and (.svg).

Your kit will also include a Cascading Style Sheet (.css) that you will need to update and upload in step 4.


Step 4: Update your CSS file

Open downloaded CSS file in a text editor

Replace the existing source URL with the new URL you created by uploading each file.

Here’s a quick example:

Before update:
@font-face {
    font-family: 'CustomFont';
    src: url('CustomFont.woff2') format('woff2'),
         url('CustomFont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
After update:
@font-face {
    font-family: "CustomFont";
    src: url('../fonts/CustomFont.woff2') format('woff2'),
         url('../fonts/CustomFont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

Now copy that code and paste it to the beginning of the file /themes/alysum/assets/css/theme.css


Step 5: Add your font to the Theme Settings Font List

Open the file /modules/pkthemesettings/config/fonts.json and add the name of your font to the list. Here’s an example:

[
    'CustomFont',
    'ABeeZee',
    'Abel',
    'Arial',
    ...
Step 6 (Optional): Add your font to the Creative Elements Font List

To add the font to Creative Elements font list, open the file:

/modules/creativeelements/includes/fonts.php

Revolution slider autoplay video

Select your slider and click Slide Editor. Choose a slide that contains a YouTube video. Then, go to Source Settings → YouTube Arguments and add the following parameters: &autoplay=1&mute=1"

How to add Google Analytics/Tag Manager's Code

  1. Get your code from Google
  2. Open the file /themes/alysum/templates/_partials/javascript.tpl
  3. Add your code to the end of the file
  4. add {literal} tag around yor code like this:
<script src="https://www.googletagmanager.com/gtag/js?id=UA-39464434"></script>
<script>
{literal}
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-39464434-1');
{/literal}
</script>

How to Add Price Countdown

Updating an old theme version that doesn't have pklib

If you're updating from an older (< 9.1.0) theme version released before the Promokit Library (pklib) module existed, you need to install pklib manually before running the theme update.

Almost all other Promokit modules depend on pklib for shared functionality such as caching, file management, and admin tab registration. If pklib isn't installed first, the update or module installation will fail with errors like "module is not valid and cannot be loaded" or "Class Promokit\Module\Pklib... not found".

Steps:

Install pklib

  1. Download the latest theme archive and locate the pklib module folder inside modules/.
  2. Upload it to your /PRESTASHOP_ROOT/modules/ folder via FTP.
  3. In the Back Office, go to ModulesModule Manager, search for "Promokit Library", and install it.
  4. Once pklib is installed and enabled, proceed with the regular theme update steps.

Hook Theme Settings onto ActionFrontControllerSetVariables

  1. Go to DesignPositions, find the Hook a Module button, and click it.
  2. On the next page, select the Theme Settings module you wish to attach.
  3. Select the hook ActionFrontControllerSetVariables to which you will attach the module.
  4. Confirm your changes by clicking on the save button.

Verify all module hooks

  1. Go to Theme SettingsModules.
  2. Make sure every module is hooked in all of its required hooks.
  3. If a module isn't fully hooked, click its "Fix" button to hook it automatically.