Click Shop Theme - Documentation

  • Home
  • Click Shop Theme – Documentation

Sections

Instruction

  • Theme Name: Click Shop
  • Version: 1.2.2
  • 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

Video Tutorial

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.
  • 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.

  • You can change menu items and set icon or menu item images
  • Customize Design, Style of menu items with Elementor
  • Navigate to Sections > All Sections from WP-Admin. Then hover over on Click Shop Header or Footer which you want to edit and click on Edit with Elementor. For example, i want to edit footer section menus and see the image below.

    Here you can select your existing menus and set menu orientation horizontal or vertical. Also, enable mobile menu or responsive menu.
  • From the Style Tab you can chnage menu items color, typography, fonts, etc.
  • To change menu items and set menu item icon or image just go to wp-dashboard then go to Appearance > Menus
  • Here you can create new menu or select existing menu to edit.
  • Then simply Add New Menu items from the left sidebar. Just select what you want to add on your menu then click on Add to Menu Button.
  • To add more new menu on you Elementor section. Just click on the + icon of the left sidebar and simply add the elementor widget Dynamic Menu. Then customize it.

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.

Cart & Checkout Page

Site visibility & customize

  • Live WooCommerce: Go to WoCommerce>Settings>Site Visibility. Make sure selected Live, then save to work cart and checkout page.
  • Cart Page Shortcode: To show woocommerce cart page and showing this page like click shop demo. you can use the shortcode inside the cart page. Go to Pages>Cart>Edit. Here you can remove all of contents then add the shortcode. Finally save this page and visit
  • Checkout Page Shortcode: To show woocommerce default checkout page. You can use the shortcode inside the checkout page. Go to Pages>Checkout>Edit. Here you can remove all of contents then add the shortcode. Finally save this page and visit

Note: If you don’t find these pages, you can create new pages named checkout & cart. Then select from WooCommerce>Settings>Advance Tab.

Now the checkout page comfortable to edit from cartflows store checkout.

Quick Checkout Popup

  • Navigate to Customize> WooCommerce> Quick Checkout Popup . Here you can active the feature, customize checkout text, label etc.

Update Theme & New Version

Before update the theme make sure carate a backup of your full website. You can use wpvivid plugin.

  • Download New Version 1: Visit My Account Page and go to downloads, then click on Theme Download
  • Upload Updated Theme 2: Go to Appearance>Themes from WP-Admin. Then click on Add theme> Upload Theme . And select the zip file and upload it.
  • After uploaded the theme then you will see the page like the image below. Click on the Replace installed with uploaded button. and that's it.

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