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

Documentation HTML-Content PLUS

The module allows you to effectively manage the «Read More» script, determine on which screens it should operate, configure heading levels, create custom templates, control content access, easily insert images and videos, and adjust the content placement in relation to images or videos. This makes the «HTML-Content PLUS» module a powerful tool for creating flexible and intuitive content on your website.

Version: 5.3
Release: 20.02.2024
Return to the catalog
More about the module
1. Information to users
2. Module installation
3. Module configuration
4. Stylization
5. 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.

Try first installing «Localcopy OCMOD», and then attempt to install our module 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

Module installation

To install the module, follow these steps:

  • Log in to the Admin panel and go to Menu -> Extensions -> Extension Installer;
  • Upload and install the archive file HTML_Content_Plus_x_OpenCart_x.ocmod.zip;
  • After successful installation, go to Menu -> System -> User Groups and set access permissions for the administrator (select extension/module/cs_html_content_plus in the «Allow Access» and «Allow Modify» sections).
  • Once you've completed these steps, go to Menu -> Extensions -> Modules and install the HTML-Content PLUS module.

Module configuration

To configure the module, navigate to Menu -> Extensions -> Modules -> HTML-Content PLUS

Main Configuration Options:

  • Module Name - the name displayed in the admin panel;
  • Status - enables or disables the module;
  • Image - allows you to insert images for different screen sizes or a single image for all;
  • Video List - selects the source from which the video will be inserted;
  • Video Link - for supported services, you can simply insert any video link, for others, you can copy the link from the iframe src="" tag.

Additional Configuration Options:

  • Content Position - the placement of text concerning images or videos;
  • Heading Level - the heading level for display on the site;
  • Script Status «Read More - enables or disables the «Read More» script;
  • Visible Text Height - how much text will be visible, and the rest will be hidden;
  • Screen Resolutions - on which screen resolutions the script will operate;
  • Resize Large Image - enables resizing according to custom settings, or disables it to display the original size;
  • Size Large Image (W x H) - for large screens;
  • Resize Medium Image - enables resizing according to custom settings, or if no images are added for medium screens, it will be created from the large image. Disables to display the original size;
  • Size Medium Image (W x H) - for medium screens;
  • Resize Small Image - enables resizing according to custom settings, or if no images are added for small screens, it will be created from the large image. Disables to display the original size;
  • Size Small Image (W x H) - for small screens.

Access:

  • Access - determines who can see this block: for all users / only for registered users / only for guests;
  • Customer Groups - controls access for specific customer groups.

Design:

  • Template - after creating a template for the module, you can select it here.

Styling

Templates:

To customize the appearance of description blocks, create your own template for your module and place it in the following folder:

catalog/view/theme/default/template/custom_templates/module/html_content_plus/your_file_name_in_latin_letters.twig.tpl

Alternatively, you can use the default template at this path:

catalog/view/theme/default/template/extension/module/cs_html_content_plus.twig.tpl

CSS-Styling:

If the default design of the "Expand/Collapse" button doesn't match your website's design, you can make changes in the CSS styles within the file cs_html_content_plus.min.css, located at the following path:

catalog/view/javascript/cs_libs/css/cs_html_content_plus.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

  • v5.320.02.2024

    Latest Release

    Changes:

    • Fixed errors.
  • v5.218.10.2023

    Changed:

    • Code optimization;
    • Replacing the jQuery «ReadMore» script with pure JavaScript.
  • v5.131.05.2023

    Added:

    • Image size control.

    Changed:

    • Correction in code.
  • v5.001.05.2023

    Added:

    • Inserting images for different screen sizes;
    • Delayed loading of images by means of the browser;
    • Position of the content in relation to the image or video;
    • Insert video.

    Changed:

    • Fixed some bugs.
  • v4.029.11.2022

    Added:

    • Manage access to client groups.
  • v3.010.04.2021

    Added:

    • Access to whom this text block will be visible (for all users / for registered / for guests);
    • Custom template support.
  • v2.027.12.2018

    Added:

    • Support Opencart 3.
  • v1.024.10.2018

    Added:

    • Ability to hide part of the text.