Category Slider Widget

for Magento

Installation Guide

Version 2.2.0

1. Requirements

Before installing Jscriptz Subcats, ensure your environment meets the following requirements:

Requirement Details
Magento 2.4.4 or higher (Adobe Commerce or Open Source)
PHP 7.4 or higher (8.1, 8.2, 8.3 supported)
Composer 2.x (required for Marketplace installation)
Web Server Apache 2.4+ or Nginx 1.x
Database MySQL 8.0+ or MariaDB 10.4+
Tip: This extension is fully compatible with Hyvä Themes and includes optimized templates for AlpineJS/Tailwind CSS environments.

2. Composer Installation

If you purchased the extension from the Adobe Commerce Marketplace, you can install and manage it via Composer.

2.1 Configure Marketplace Authentication

If you haven't already, add your Magento Marketplace credentials to your auth.json file:

composer config --global http-basic.repo.magento.com <public_key> <private_key>

You can find your access keys in your Marketplace account.

2.2 Install the Extension

# Require the package from Magento Marketplace
composer require jscriptz/module-subcats

# Enable the module
bin/magento module:enable Jscriptz_Subcats

# Run setup upgrade to install database schema
bin/magento setup:upgrade

# Compile dependency injection
bin/magento setup:di:compile

# Deploy static content (production mode)
bin/magento setup:static-content:deploy -f

# Clear all caches
bin/magento cache:flush
Tip: Your Magento Marketplace public and private keys can be found at My Profile → Access Keys in your Adobe Commerce Marketplace account.

3. Manual Installation (app/code folder)

If you received the extension as a zip file or prefer manual installation without Composer, you can install directly into the app/code directory.

3.1 Download and Extract

Download the extension package (zip file) from your purchase confirmation email or your Marketplace account.

Extract the zip file contents. You should see a folder structure like:

Jscriptz/
    Subcats/
        registration.php
        etc/
        Model/
        ViewModel/
        view/
        ...

3.2 Copy Files to Magento

Navigate to your Magento root directory on your server.

Create the Jscriptz vendor folder if it doesn't exist:

mkdir -p app/code/Jscriptz

Copy the Subcats folder into the app/code/Jscriptz directory:

cp -r /path/to/extracted/Jscriptz/Subcats app/code/Jscriptz/

Your final directory structure should be:

app/
    code/
        Jscriptz/
            Subcats/
                registration.php
                etc/
                    module.xml
                    ...

3.3 Enable the Module

After copying the files, run the following commands from your Magento root directory:

# Verify the module is recognized
bin/magento module:status Jscriptz_Subcats

# Enable the module
bin/magento module:enable Jscriptz_Subcats

# Run setup upgrade to install database schema
bin/magento setup:upgrade

# Compile dependency injection
bin/magento setup:di:compile

# Deploy static content (production mode)
bin/magento setup:static-content:deploy -f

# Clear all caches
bin/magento cache:flush
Warning: Ensure correct file permissions after copying. The web server user (e.g., www-data or apache) must have read access to all module files. Run:
chmod -R 755 app/code/Jscriptz/Subcats
chown -R www-data:www-data app/code/Jscriptz/Subcats

Adjust the owner (www-data) according to your server configuration.

3.4 FTP/SFTP Upload

If you don't have SSH access, you can upload via FTP/SFTP:

Connect to your server using an FTP client (FileZilla, Cyberduck, etc.).

Navigate to your Magento installation's app/code directory.

Create the Jscriptz folder if it doesn't exist.

Upload the entire Subcats folder into app/code/Jscriptz/.

After uploading, run the CLI commands from section 3.3 via SSH, or use a hosting control panel that provides command-line access.

Tip: If you don't have SSH access to run CLI commands, contact your hosting provider for assistance, or consider using a managed Magento hosting service that provides these tools.

4. Verify Installation

After installation, verify that Jscriptz Subcats is properly installed and active.

4.1 Check Module Status

Run the following command to confirm the module is enabled:

bin/magento module:status Jscriptz_Subcats

You should see: Module is enabled

4.2 Verify Admin Configuration

Log in to your Magento Admin panel.

Navigate to Stores → Configuration.

In the left sidebar, look for the JSCRIPTZ section with Jscriptz Subcats listed underneath.

Magento Admin Configuration - Jscriptz Subcats

Magento Admin Configuration - JSCRIPTZ section with Jscriptz Subcats settings

4.3 Verify Database Table

The installation creates a new database table for custom presets. You can verify this with:

bin/magento setup:db-declaration:generate-whitelist --module-name=Jscriptz_Subcats

Or check directly in your database for the table: jscriptz_subcats_custom_preset

5. Post-Installation Configuration

Once installed, follow these steps to get started:

5.1 Enable the Module

Navigate to Stores → Configuration → JSCRIPTZ → Jscriptz Subcats.

In the General Settings section, set Enabled to Yes.

Click Save Config.

Flush the cache: System → Cache Management → Flush Magento Cache.

5.2 Quick Start

For detailed configuration instructions, refer to the Jscriptz Subcats User Guide, which covers:

  • Global design configuration
  • Theme presets and custom presets
  • Category-level setup
  • Widget placement in CMS pages and blocks
  • Hyvä theme compatibility

6. Uninstallation

If you need to remove the extension:

6.1 Disable the Module

# Disable the module first
bin/magento module:disable Jscriptz_Subcats
bin/magento cache:flush

6.2 Run Cleanup Script (Recommended)

Before removing the module files, run the cleanup script to remove all extension data including database tables, EAV attributes, and custom presets:

bin/magento jscriptz:subcats:cleanup

This command will:

  • Remove the jscriptz_subcats_custom_preset database table
  • Remove all custom category EAV attributes added by the extension
  • Clean up any related configuration data
Warning: The cleanup script will permanently delete all saved custom theme presets and category-level subcategory configurations. Export any custom configurations before running if you plan to reinstall later.

6.3 Remove via Composer

# Remove the module via Composer
composer remove jscriptz/module-subcats

# Run setup upgrade to finalize removal
bin/magento setup:upgrade

# Recompile and clear caches
bin/magento setup:di:compile
bin/magento cache:flush

6.4 Manual Cleanup (Alternative)

If you didn't run the cleanup script, you can manually remove the extension data:

Database Table

DROP TABLE IF EXISTS jscriptz_subcats_custom_preset;

Category Attributes

Remove these EAV attributes from the eav_attribute table:

  • is_subcat_enabled
  • subcat_image
  • subcat_children_order
  • subcat_desktop_columns
  • subcat_tablet_columns
  • subcat_phone_columns

7. Upgrade Instructions

To upgrade Jscriptz Subcats to a newer version:

7.1 Via Composer

If you installed via Composer:

# Update the module
composer update jscriptz/module-subcats

# Run database upgrades
bin/magento setup:upgrade

# Compile and deploy
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flush

7.2 Manual Upgrade

If you installed manually via the app/code folder:

Log in to your Jscriptz account at mage.jscriptz.com

Navigate to My Account → My Downloads to find the latest version of Jscriptz Subcats.

Download the latest zip file and extract it.

Replace the existing app/code/Jscriptz/Subcats folder with the new version.

Run the upgrade commands:

bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flush
Tip: Always backup your database before upgrading. Custom presets and category configurations are preserved during upgrades.

8. Support & Resources

Resource URL
Documentation & User Guide mage.jscriptz.com/jscriptz-subcats-user-guide
Live Demo hyva.jscriptz.com
Support mage.jscriptz.com/support
Need Help? If you encounter any issues during installation, please contact our support team with:
  • Your Magento version
  • PHP version
  • Any error messages from logs (var/log/)
  • Steps to reproduce the issue