Click Shop Theme – বাংলা ডকুমেন্টেশন - WpMethods

  • Home
  • Click Shop Theme – বাংলা ডকুমেন্টেশন

সূচিপত্র

থিমের তথ্য

  • থিমের নাম: Click Shop
  • ভার্সন: ২.০.২
  • মালিক: WpMethods
  • বিস্তারিত: Click Shop একটি আধুনিক, হালকা ও দ্রুত লোডিং WordPress থিম, যা ই-কমার্স অভিজ্ঞতাকে করে তোলে আরও মসৃণ এবং পেশাদার। এই থিমটি বিশেষভাবে তৈরি করা হয়েছে ল্যান্ডিং পেজ-স্টাইল প্রোডাক্ট উপস্থাপনের জন্য। CartFlows-এর সঙ্গে সম্পূর্ণ একত্রে কাজ করার মাধ্যমে, কোনো প্রোডাক্টে ক্লিক করলেই ইউজারকে রিডাইরেক্ট করে হাই-কনভার্টিং ল্যান্ডিং পেজে। Elementor-এর মাধ্যমে আপনি প্রতিটি সেকশন যেমন—হেডার, ফুটার, প্রোডাক্ট পেজ, My Account ড্যাশবোর্ড, এবং Add to Cart ফর্ম—সহজেই ড্র্যাগ-অ্যান্ড-ড্রপ পদ্ধতিতে কাস্টমাইজ করতে পারবেন। আপনি ডিজিটাল প্রোডাক্ট, ফিজিক্যাল পণ্য অথবা অ্যাফিলিয়েট আইটেম যাই বিক্রি করুন না কেন, **Click Shop** আপনাকে আপনার ইচ্ছেমতো একটি পারফেক্ট অনলাইন স্টোর ডিজাইন করার পূর্ণ স্বাধীনতা দেয়।

এই থিম ইন্সটল করার আগে নিচের এগুলো নিশ্চিত করুনঃ

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

ইন্সটল করার নিয়ম

  • শুরুতে আপনাকে এই থিমটি কিনতে হবে এই লিঙ্ক থেকে। তারপর Download করে নিন থিমের zip ফাইল।

যদি ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে আপলোড করতে চান, তাহলে নিচের নিয়ম অনুসরন করুনঃ

  • আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ড লগিন করুন।
  • তারপর Appearance > Themes > Add New তে ক্লিক করুন।
  • ক্লিক করুন Upload Theme বাটনে এবং সিলেক্ট করুন click-shop.zip এই ফাইলটি। যেটি আমাদের ওয়েবসাইট থেকে ডাউনলোড করেছিলেন.
  • ক্লিক করুন Install Now বাটনে এবং Activate করে নিন।

যদি FTP Client দিয়ে আপলোড করতে চান

  • থিমটির click-shop.zip ফাইল আনজিপ করুন Winrer অথবা আনজিপ করার যেকোন সফটওয়্যার দিয়ে।
  • তারপর ফোল্ডারটিকে আপলোড করুন আপনার ওয়ার্ডপ্রেস এর এই ফোল্ডারের ভেতরে /wp-content/themes/ যেকোন FTP Client দিয়ে।
  • তারপর ড্যাশবোর্ড লগিন করে Appearance > Themes এ গিয়ে একটিভ করে নিন।

প্রয়োজনীয় প্লাগিন

এই থিমটির পুরো ফিচার পেতে হলে নিচের এই প্লাগিনগুলো একটিভ করে নিবেন।  থিমটি Active করার পর পরই একটি নোটিশ আসবে এই সকল প্লাগিন একটিভ করার জন্য। বা Appearance>Install Plugins এ গিয়ে সকল প্লাগিন একটিভ করে নিন।

লাইসেন্স একটিভেশন

  • ড্যাশবোর্ড থেকে WP-Admin > Click Shop License এখানে যান।
  • License Key নামের একটি খালি ঘর পাবেন, এখানে আপনাকে প্রভাইড করা বা WP Methods থেকে পাওয়া থিমের সাথে লাইসেন্স কি বসাতে হবে।
  • License Key বসানোর পর Save Changes এই বাটনের ক্লিক করুন। তারপর এই লাইসেন্সটিকে Verify করার জন্য Verify License এই বাটনের ক্লিক করুন। যদি দেখেন নিচের মত License Activated দেখাচ্ছে তাহলে বুঝে নিবেন কাজ হয়েছে।
  • বিদ্রঃ যদি পরবর্তীতে সাইট রিসেট করার দরকার হয়, তাহলে Deactivate License এ ক্লিক করে Deactivate করে নিন। অন্যথায় আবার যখন লাইসেন্স একটিভ করতে যাবেন একটিভ হবে না।

ডেমো ইম্পোট করার নিয়ম।

  • এই থিমের একাধিক ডেমো রয়েছে। আপনি আপনার যেকোন একটি পছন্দের ডেমো ইম্পোট করে সহজেই সাইটের ডিজাইন করে ফেলতে পারবেন।
  • যার জন্য আপনাকে যেতে হবে Appearance > Import Demo Data এখানে
  • তারপর ক্লিক করুন Import Demo এই বাটনে।
  • কিছুক্ষন আপনাকে অপেক্ষা করতে হবে, যতক্ষন পর্যন্ত এটি Demo Imported নোটিশ না দেখায়।
  • তারপর আপনার ওয়েবসাইট ভিজিট করে দেখুন, দেখবেন সবকিছু ঠিক Demo এর মতই দেখাচ্ছে।
  • বিদ্রঃ এখানে কিছু সমস্যা হতে পারে, যদি দেখেন শো হচ্ছে না সবকিছু ঠিক মত। তাহলে এখানে দেখুন।

থিম কাস্টমাইজেশন বা কন্টেন্ট পরিবর্তন।

General Settings - কাস্টমাইজার

আপনাকে  ড্যাশবোর্ড থেকে Appearance > Customize এ যেতে হবে। তারপর নিচের মত একরকম পেইজ দেখবেন।

  • তারপর এখানে যাবেন Theme Options > Theme Colors এখান থেকে এই থিমের primary color, link color, button color ইত্যাদি পরিবর্তন করতে পারবেন।
  • এবং Theme Options > Typography এখান থেকে আপনি Body font, Body font weight ইত্যাদি পরিবর্তন করতে পারবেন।
  • 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