Click Shop Theme - Documentation

  • Home
  • Click Shop Theme – Documentation

Sections

Instruction

  • Theme Name: Click Shop
  • Version: 1.0.0
  • Author: WpMethods
  • Description: Click Shop is a modern, lightweight, and highly customizable WordPress theme designed for seamless eCommerce experiences.
    Perfect for businesses that want to showcase landing page-style products, this theme integrates flawlessly with CartFlows, allowing users to be redirected to a high-converting landing page upon clicking a product.

    with Elementor, Click Shop provides drag-and-drop customization for every section, including header, footer, product pages, My Account dashboard, and after-add-to-cart forms. Whether you’re selling digital downloads, physical products, or affiliate items, Click Shop gives you the flexibility to design your store exactly the way you envision.

Requirements:

  • WordPress 5.8+
  • PHP 7.4+
  • WooCommerce
  • Elementor

Installation Guide

Upload via WordPress Dashboard

  • Login to your WordPress admin panel.
  • Navigate to Appearance > Themes > Add New.
  • Click Upload Theme and select the click-shop.zip file.
  • Click Install Now and then Activate.

Upload via FTP

  • Extract the click-shop.zip file.
  • Upload the extracted folder to /wp-content/themes/ using an FTP client.
  • Go to Appearance > Themes and activate the theme.

Required & Recommended Plugins

List the plugins required or recommended for full theme functionality.

Installing Plugins

  • After activating the theme, navigate to Appearance > Install Plugins.
  • Install and activate the required plugins.

License & Activation

  • Go to WP-Admin > Click Shop License.
  • Paste your license key in the License Key Filed. Then click on the Save Changes button.
  • Then verify the license key, simply click on the Verify License button.

Note: To find the lisense key login your account on WpMethods.com. Then go to License Keys

One Click Demo Import

  • Go to Appearance > Import Demo Data.
  • Click the Import Demo button.
  • Wait for the process to complete.
  • Check the homepage and settings.

Theme Customization

General Settings

Navigate to Appearance > Customize to access:

  • Theme Options > Theme Colors: Here you can set colors (primary color, link color, button color,etc)
  • Theme Options > Typography: Here you can set Body font, Body font weight, etc.
  • Site Identity: Here you can set Site Title, Logo, Tagline, Site Icon
  • Edit Header Content: Navigate to Sections > All Sections from WP-Admin. Then hover over on Click Shop Header and click on Edit with Elementor.
  • Here you can set your Site Logo, Change all contents of Header section.

Following the same method you can change Footer Content, Footer Links, After Add to card section content  (Phone Number, Whatsapp Number).

Note: Sometime this theme doesn’t import header or selected header from customizer. Click here to see how to fix this issue.

My Account Page

  • Navigate to Sections > All Sections from WP-Admin. Then hover over on My Account and click on Edit with Elementor.
  • Here you can change Icons, Text, Background Color, Links etc.

After Add To Cart Section

  • Navigate to Sections > All Sections from WP-Admin. Then hover over on After Add To Cart Section and click on Edit with Elementor.
  • Here you can replace whatsapp, phone number or add your custom design.

WooCommerce Shop Page - Product Loop

Navigate to Appearance > Customize to access:

  • WooCommerce > Product Catalog: Here you can hide and show product title, add to cart, buy now button, etc. and change button, background, border colors.

Troubleshooting & FAQs

Issue: Demo import failed

  • Solution 1: Ensure all required plugins are installed. Try again.
  • Solution 2: Configure PHP. Login your cPanel > Select PHP Version
  • Here you can increase max_execution_time, max_input_time, memory_limit, upload_max_filesize.

Issue: Theme styles not applying

  • Solution: Clear cache and regenerate CSS.

Elementor Header Design Not Showing Issue

Sometime this theme doesn’t import header or select header from customizer. and you will see like that.

To fix or set the Elementor header section go to Appearance>Customize>Theme Options>Site Layout then select Header Type>Elementor

Support & Contact