Codersly Shop Add-on Documentation

Codersly Shop Add-on Documentation

Codersly Shop Add-on is the official premium WooCommerce theme addon for the Codersly Shop theme. It unlocks premium features such as extra header layouts, topbar support, demo import, quick setup wizard, license activation, color presets, footer copyright editor, and Elementor-compatible demo import flow.

Important: Codersly Shop Add-on works with the Codersly Shop theme. Install and activate the Codersly Shop theme first, then install and activate this add-on.

Main Features

  • Premium add-on for Codersly Shop theme
  • Lifetime license support for 1 website / single domain
  • License activation and verification panel
  • Quick Setup page
  • Pro Demo Import workflow
  • Elementor-compatible homepage demo import
  • Extra premium header layouts
  • Premium header template loader
  • Topbar support
  • Color presets and Customizer color import
  • Footer copyright editor
  • WooCommerce setup support
  • Admin notices and onboarding flow

Installation

Install Codersly Shop Theme

  1. Go to WordPress Dashboard → Appearance → Themes → Add New.
  2. Search for Codersly Shop.
  3. Click Install.
  4. Click Activate.

Install Codersly Shop Add-on

  1. Go to WordPress Dashboard → Plugins → Add New.
  2. Click Upload Plugin.
  3. Upload the Codersly Shop Add-on ZIP file.
  4. Click Install Now.
  5. Click Activate Plugin.
  6. After activation, go to Codersly Shop → License and verify your purchase code.
If the Codersly Shop theme is not active, add-on features may not load correctly.

Theme Requirement

Codersly Shop Add-on is built specifically for the Codersly Shop WooCommerce theme.

Required Theme

  • Theme: Codersly Shop
  • Theme type: WooCommerce WordPress theme
  • Theme source: WordPress.org Theme Directory or Codersly website

Recommended Plugins

  • WooCommerce — Required for online store features
  • Elementor — Recommended for Elementor-based demo import
Use the latest stable version of WordPress, WooCommerce, and Codersly Shop theme for best compatibility.

License Activation

Codersly Shop Add-on requires license activation to unlock premium features such as demo import, extra headers, premium templates, color presets, and other add-on tools.

Activate License

  1. Go to WordPress Dashboard → Codersly Shop → License.
  2. Enter your purchase code or license key.
  3. Click Verify Purchase Code.
  4. After successful verification, premium features will be unlocked.

Validate License

If the license status does not update correctly, click the Validate button from the License page.

Deactivate License

If you want to remove the license from the current domain, click Deactivate from the License page.

For the lifetime single-domain license, the license can be activated on 1 website / single domain only.

Quick Setup

The Quick Setup page helps users configure the Codersly Shop theme and add-on workflow faster.

Open Quick Setup

  1. Go to WordPress Dashboard → Codersly Shop → Quick Setup.
  2. Review your current homepage.
  3. Open the Customizer if you want to adjust basic theme settings.
  4. Verify your purchase code if the add-on is not active.
  5. After verification, open Pro Demo Import.

Quick Setup Helps With

  • Homepage review
  • Customizer access
  • License page access
  • Pro Demo Import access
  • Faster onboarding for new WooCommerce stores

Demo Import

The Demo Import feature helps you import ready-made demo layouts, settings, and homepage structure for your WooCommerce store.

Import Demo

  1. Go to WordPress Dashboard → Codersly Shop → Demo Import.
  2. Make sure your license is active.
  3. Select the available demo layout.
  4. Click the import button.
  5. Wait until the import process is completed.
  6. After import, review your homepage and open the Customizer if needed.

Before Importing Demo

  • Install and activate WooCommerce.
  • Install Elementor if the selected demo requires Elementor.
  • Use a fresh site for best demo import result.
  • Take a backup before importing demo on an existing website.
Demo import is best for new websites. If your site already has content, create a backup before running demo import.

Elementor Demo Import

Codersly Shop Add-on supports Elementor-compatible demo import flow for homepage layouts and page builder based sections.

Recommended Steps

  1. Install and activate Elementor.
  2. Go to Codersly Shop → Demo Import.
  3. Choose the Elementor-compatible demo layout.
  4. Run the import process.
  5. Open the imported page with Elementor if you want to edit the layout.

When Elementor Is Needed

  • For Elementor-built homepage demos
  • For drag-and-drop section editing
  • For advanced homepage customization
If Elementor is not installed, Elementor-based demo sections may not display or edit correctly.

Extra Header Layouts

Codersly Shop Add-on unlocks extra premium header layouts that are not available in the free theme.

Header Features

  • Extra header layout options
  • Premium header template loader
  • Downloadable premium header assets
  • Better control over store navigation and branding

Recommended Workflow

  1. Activate your add-on license.
  2. Open the theme Customizer.
  3. Go to the header-related options.
  4. Select your preferred premium header layout.
  5. Publish your changes.

Topbar

The Topbar feature allows you to display important information above the main website header.

Use Topbar For

  • Store announcements
  • Free shipping messages
  • Contact information
  • Support links
  • Promotional offers
  • Social or quick links

Best Practice

Keep the topbar text short and useful. Use it for important messages that customers should notice quickly.

Color Presets

Color Presets allow you to apply ready-made color combinations to your Codersly Shop website.

Color Preset Features

  • Pre-built color schemes
  • Demo-based Customizer color import
  • Faster visual customization
  • Better brand styling control

Recommended Use

  1. Choose a color preset that matches your brand.
  2. Preview the design on your homepage and shop pages.
  3. Adjust individual colors from the Customizer if needed.
  4. Publish the final changes.

Footer Copyright Editor

The Footer Copyright Editor lets you update footer copyright text without editing theme files.

What You Can Do

  • Edit footer copyright text
  • Add your brand name
  • Add website year or business name
  • Remove default footer text when allowed

Example Footer Text

Copyright © 2026 Your Store Name. All rights reserved.
Avoid editing theme core files directly. Use the add-on footer editor for safer customization.

WooCommerce Setup

Codersly Shop theme and Codersly Shop Add-on are designed for WooCommerce stores.

Basic WooCommerce Setup

  1. Install and activate WooCommerce.
  2. Complete the WooCommerce setup wizard.
  3. Add store address, currency, payment method, and shipping options.
  4. Create product categories.
  5. Add products.
  6. Review Cart, Checkout, My Account, and Shop pages.
  7. Run Codersly Shop Add-on demo import if needed.

Recommended Store Pages

  • Shop
  • Cart
  • Checkout
  • My Account
  • Privacy Policy
  • Terms and Conditions

Free Theme vs Codersly Shop Add-on

The free Codersly Shop theme gives you the main WooCommerce store foundation. Codersly Shop Add-on unlocks premium design and setup features.

Feature Free Theme Premium Add-on
Core WooCommerce Layout Yes Yes
Responsive Store Design Yes Yes
Extra Header Layouts No Yes
Topbar Support No Yes
Demo Import Limited / No Yes
Quick Setup Wizard No Yes
Color Presets No Yes
Footer Copyright Editor No Yes
License Activation No Yes
Premium Feature Unlock No Yes

Useful Links

Troubleshooting

Add-on menu is not showing

  • Make sure the Codersly Shop Add-on plugin is active.
  • Make sure the Codersly Shop theme is active.
  • Refresh the WordPress dashboard.
  • Clear cache if your admin cache is enabled.

Premium features are locked

  • Go to Codersly Shop → License.
  • Enter your purchase code or license key.
  • Click Verify Purchase Code.
  • Click Validate if the license status does not refresh.

Demo import is not working

  • Make sure the license is active.
  • Make sure WooCommerce is installed and active.
  • Install Elementor if the selected demo requires Elementor.
  • Check your hosting memory limit and execution time.
  • Try importing on a fresh WordPress installation.

Imported homepage is not showing

  • Go to Settings → Reading.
  • Select the imported homepage as the static homepage.
  • Save changes.
  • Clear site cache and browser cache.

Header layout is not changing

  • Make sure the license is active.
  • Open the Customizer and save settings again.
  • Clear cache.
  • Check if another plugin is overriding header output.

FAQ

Does Codersly Shop Add-on work without Codersly Shop theme?

No. Codersly Shop Add-on is made for the Codersly Shop theme. The Codersly Shop theme must be installed and active.

Is WooCommerce required?

WooCommerce is recommended and required for store-related features. Codersly Shop is mainly built for WooCommerce websites.

Is Elementor required?

Elementor is recommended for Elementor-based demo import. If you do not use Elementor demo layouts, it may not be required for basic theme usage.

How many websites can I use with the lifetime single-domain license?

The lifetime single-domain license can be used on 1 website / 1 domain.

Why are premium features not unlocking?

Check license activation from Codersly Shop → License. If needed, click Validate to refresh license status.

Can I import demo content on an existing website?

Yes, but it is recommended to take a backup first. Demo import works best on a fresh website.

Can I edit footer copyright text?

Yes. Codersly Shop Add-on includes a footer copyright editor.

Support

If you need help with installation, license activation, demo import, quick setup, Elementor import, header layouts, topbar, color presets, footer copyright editor, WooCommerce setup, or other add-on features, please contact Codersly Support.

Contact Codersly Support

Thanks,
Codersly Support