Q Shop Theme Documentation
View Demo Upgrade Theme

Introduction

Documentation Updated: December 2025

Thank you for choosing my theme. If you have any questions that are beyond the scope of this help file, please feel free to contact me here. Thanks so much!

How to Install

  1. Log in to the WordPress Administration Panel.
  2. Select the Appearance panel, then Themes.
  3. Click Add New button
  4. Click Upload Theme.
  5. Locate q-shop.zip / qshop-pro-addon.zip on your machine using the "Choose File" button.
  6. Click "Install Now"
Upload screen

Required / Recommended Plugins

WooCommerce (Required Plugin)

  1. Download WooCommerce from the WordPress directory. Install WooCommerce

Using Contact Form 7 (Recommended Plugin)

  1. After installing Contact Form 7 go to Contact → Add New. Give your form a title, go to the mail tab to see if you are using the right email address and then click the save button. More information about the plugin can be found here: Docs Add Form 7 screen
  2. Copy the generated shortcode, Paste it in your contact page. Form 7 shortcode

MailChimp for WordPress (Recommended Plugin)

More information about the plugin can be found here: MailChimp for WordPress

Making your form like the demo:

1. Copy the code below:


                    <input> type="email" id="email" name="EMAIL" placeholder="Your email address" required>
                    <input type="submit" value="Subscribe">

2. In the admin go to MC4WP > Form and paste the above code in the Form code field.

Home Page Setup

First you have to create the homepage.

  1. Add New Page: Go to pages and select "Add New".
  2. Give It A Title: Give the new page a title, Something like "Homepage".
  3. Template: From the Template drop down list select "Home Page".
  4. Publish: You are almost there, Now click the "Publish" button.
Add Homepage

The last few steps.

  1. Settings: Go to "Reading".
  2. Static Page: Select the option illustrated in the image below.
  3. Front Page: Select the page you created above, I called my page "Homepage" (This is the title of the page you created above)
  4. Save Changes: Click the "Save Changes" button.
Setting Homepage

Customizer (Editing Theme)

After activating the theme go to Appearance → Customize or click the "Customize" button highlighted below, to start customizing the theme.

Customize Button

Site Identity

The Site Identity panel is first. All settings are explained below.

Site Identity Panel
  1. Logo: Here you can upload your logo.
  2. Site Title: The name of your website, this will be used if no logo is uploaded. It is also used for SEO reasons, so give your site a title whether you have a logo or not.
  3. Tagline: Your site's tagline.
  4. Hero Section Logo: Upload a light logo to use in the hero section of the theme.
  5. Site Icon: Also known as a favicon, this is the small icon displayed in the browser tab.

Menus

The Menus panel is second. All settings are explained below.

Site Identity Panel

Create a menu, give it a name and assign it to the "Main Navigation Menu" to display it in the header.

  1. Menu Name: The name you gave to your menu.
  2. Menu Location: Select where you would like this menu to be displayed.

Header

The Header panel is third. All settings are explained below.

Header Panel
  1. Announcement Bar Text: Enter text to display in the announcement bar at the top of the page.
  2. Header Search Form: Show or hide the search icon in the header.
  3. Sticky Header: This is for sticking the header to the top of the page while scrolling.

Basics

The Basics panel is fourth.

In the Basics panel you'll find the Design section. All settings are explained below.

Basics Panel - Design Section
  1. Post Page: You can choose the post page layout here.
  2. Accent Color: Pick a color to use for links and buttons.
  3. Heading Font: Choose a font for the headings.
  4. Heading Font Weight: Choose a font weight for the headings.
  5. Body Font: Choose a font for the body text.
  6. Buttons Font: Choose a font for the buttons.
  7. Buttons Font Weight: Choose a font weight for the buttons.

Hero Section

In the Basics panel you'll also find the Hero section. All settings are explained below.

Basics Panel - Featured Section
  1. Hero Section (Layout): Select a layout for the hero section.
  2. Hero Background Image: Upload a background image for the hero.
  3. Hero Title: Enter title text for the hero section on the homepage.
  4. Hero Paragraph: Enter a short paragraph to display in the hero.
  5. Call To Action Text: Enter call to action text.
  6. Call To URL: Enter a link for use by the call to action button.
  7. Hero Layout 1 - Call To Action Image: Upload an image for the call to action container.
  8. Hero Layout 2 - Review Numbers: Enter your review numbers for the hero section.
  9. Hero Layout 3 - Hero Video: Upload a video for the hero section.

Shop Items Section

In the Basics panel you'll also find the Shop Items section. All settings are explained below.

Basics Panel - Shop Items Section
  1. Section Title: A heading for the shop items section on the homepage.
  2. Section Subtitle: Enter a subtitle for the shop items section on the homepage.
  3. Featured Product 1: Select the first product to feature in this section.
  4. Featured Product 2: Select the second product to feature in this section.
  5. Featured Product 3: Select the third product to feature in this section.

Large Item Section

In the Basics panel you'll also find the Large Item Section. All settings are explained below.

Basics Panel - Editor's Picks Section
  1. Large Featured Product: Pick one product to showcase in the large featured product section on the homepage.

Categories Section

In the Basics panel you'll also find the Categories Section. All settings are explained below.

Basics Panel - Categories Section
  1. Section Title: Give the categories section a heading.
  2. Section Subtitle: Give the categories section heading a subtitle.
  3. Category 1: Select the first category to display in the categories section.
  4. Category 1 Cover Image: Select an image to display as the cover image for the first category.
  5. Category 2: Select the second category to display in the categories section.
  6. Category 2 Cover Image: Select an image to display as the cover image for the second category.
  7. Category 3: Select the third category to display in the categories section.
  8. Category 3 Cover Image: Select an image to display as the cover image for the third category.

Mailchimp Newsletter Section

In the Basics panel you'll also find the Mailchimp Newsletter Section. All settings are explained below.

Basics Panel - Categories Section
  1. Newsletter Form Heading: Heading text for the newsletter form.
  2. Newsletter Form Paragraph: A paragraph displayed in the newsletter form.
  3. Newsletter Form Shortcode: Paste the newsletter shortcode you got from Mailchimp for page in the admin.
  4. Newsletter Form Image: Upload an image to decorate the subscription form.

Reviews Section

In the Basics panel you'll also find the Reviews Section. All settings are explained below.

Basics Panel - Categories Section
  1. Section Title: Heading text for the reviews section.
  2. Section Subtitle: A subtitle for the heading in the reviews section.
  3. Select Reviews: Select six reviews to display in the reviews section of the homepage.

Blog Section

In the Basics panel you'll also find the Blog Section. All settings are explained below.

Basics Panel - Categories Section
  1. Section Title: Heading text for the blog section.
  2. Section Subtitle: A subtitle for the heading in the blog section.
  3. Select Blog Posts: Select three blog posts to display in the blog section of the homepage.

FAQs Section

In the Basics panel you'll also find the FAQs Section. All settings are explained below.

Basics Panel - Categories Section
  1. Section Title: Heading text for the FAQs section.
  2. FAQs: You can enter up to six frequently asked questions and their answers.

Gallery Section

In the Basics panel you'll also find the Gallery Section. All settings are explained below.

Basics Panel - Categories Section
  1. Instagram Username: Enter your Instgram username.
  2. Instagram Link: A link to your Instagram page so users are taken there when they click the username or any photo in the gallery.
  3. Gallery Images: Upload five photos or select them from your gallery, these photos will be displayed in the gallery section on the homepage.

Footer

The Footer panel is fifth.

Footer Site Info

In the Footer panel you'll find the Footer Site Info section. All settings are explained below.

Footer Panel - Site Info Section
  1. Shipping Info: Enter your shipping info here.
  2. Checkout Security: Your secure checkout information.
  3. Support Info: Your support information.
  4. Quality Info: Product quality information.

Footer Payment Methods

In the Footer panel you'll find the Footer Payment Methods section. All settings are explained below.

Footer Panel - Payment Methods Section
  1. Payment Methods: Here you can check the supported payment methods to display the corresponding icon in the footer.

Copyrights Text Section

In the Footer panel you'll also find the Copyrights Text section. All settings are explained below.

Footer Panel - Copyrights Text Section
  1. Copyrights Text Left: Copyrights text displayed on the left side of the footer.
  2. Copyrights Text Right: Copyrights text displayed on the right side of the footer.

Widgets

The Widgets Panel panel. All settings are explained below.

Widgets Panel
  1. Shop Widgets: Widgets displayed in the shop sidebar.
  2. Sidebar Widgets: Widgets displayed in the sidebar of all pages that have a sidebar.
  3. Hidden Sidebar Widgets: This is for widgets in the hidden sidebar, displayed when the burger menu icon in the header is clicked. The burger menu icon will not be displayed if no widgets are added to this section.

Homepage Settings

The Homepage Settings panel. All settings are explained below.

Homepage Settings Panel
  1. Your homepage displays: Select a static page here if you want your homepage to look like the demo.
  2. Homepage: Select the homepage you created here if it's not selected already.
  3. Posts page: Select a page to display your posts (This is optional)

Additional CSS

The Additional CSS panel. All settings are explained below.

Additional CSS Panel

Additional CSS: You can add your own CSS code here.

  1. Q Shop Popular Posts: This is for displaying popular posts with thumbnails.
  2. Q Shop Recent Posts: This is for displaying recent posts with thumbnails.

Sources and Credits

I've used the following resources.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme.

~Daison