English Русский Українська

Documentation JS Readmore for product description

Allows hiding a portion of lengthy text on the product page and gives users the ability to expand and hide the product description as needed. This modification provides a more flexible and convenient way to present information on your internet store's product pages. You no longer need to load pages with additional content since users can decide when they want to view the full product description.

Version: 1.3
Release: 21.10.2023
Return to the catalog
More about the modification
1. Information to users
2. Modification installer
3. Modification configuration
4. Settings in products
5. Stylization
6. List of changes

Information to users

Please carefully review this information before starting to use our products. We have endeavored to provide maximum compatibility and user convenience, but some aspects may require your attention and configuration. Do not hesitate to contact us with any questions or if you need assistance.

  • The modification has been tested on the standard Opencart template but may require adaptation for other templates.
  • During installation, additional fields are created in the database. We recommend creating a backup of your data before installation for data recovery if needed.

Try first installing «Localcopy OCMOD», and then attempt to install our modification again. This sequence may resolve potential conflicts and help you successfully implement our changes on your website.

Download for OpenCart 2x
Download for OpenCart 3x

Modification installer

To install the modification, follow these steps:

  • Log in to the Admin panel and go to Menu -> Extensions -> Extension Installer;
  • Upload and install the archive file PD_Readmore_x_OpenCart_x.ocmod.zip;
  • After successful installation, go to Menu -> Extensions -> Modifications and click the «Refresh» button in the upper right corner.
  • After completing these steps, go to Menu -> Extensions -> Modules and install the JS Readmore For Product Description module.

Modification configuration

To configure the modification, navigate to Menu -> Extensions -> Modules -> JS Readmore For Product Description

Main Configuration Parameters:

  • Status - responsible for enabling this modification;
  • JavaScript Status for All Products - allows enabling or disabling the script for all product descriptions;
  • Collapsed Height - regulates the amount of visible text while hiding the rest;
  • Screen Resolution - configures screen resolutions at which this script will work.

Database Status:

  • Displays the status of fields in the database table;
  • Manages the installation or removal of fields from the database.

Settings in products

To configure the extension for specific products, go to Menu -> Catalog -> Products and select the desired product. Additional settings can be found in the Design tab.

Here, you can configure the following settings:

  • JavaScript Status for Product - enable or disable the script for a specific product, or leave it as default to apply settings from the module;
  • Collapsed Height - specify the amount of text that will be visible, while the remaining text will be hidden.

These settings will help you configure the extension for specific products.

Styling

If the default design of the «Expand / Collapse» button does not match your website, you can modify the CSS styles in the file cs_readmore.min.css, which is located at the following path:

/catalog/view/javascript/cs_libs/css/cs_readmore.min.css

Problems and solutions

If you have any questions or problems, we have collected in this section answers to frequently asked questions and solutions to the most common and common problems.

Familiarize

List of changes

  • v1.321.10.2023

    Latest release

    Changed:

    • Code optimization;
    • Replacing the jQuery «ReadMore» script with pure JavaScript.
  • v1.231.05.2023

    Changed:

    • Correction in code.
  • v1.102.05.2023

    Changed:

    • Fixed bugs.
  • v1.010.12.2022

    Added:

    • Script control for each description individually;
    • Script control for all descriptions;
    • Control on screen resolutions will run the script;
    • Ability to hide part of the text.