Printing Shop Getting Started

Introduction

A lot of online printer websites are too busy and complicated to navigate.  Printing Shop boasts a beautiful, contemporary store for online printing shops or other storefronts with WordPress and WooCommerce.

Installation

Your download of the theme will be an archive file with a .zip extension. You will first need to extract the archive to a folder on your computer. Inside the folder you extract the files to, you will find the theme zip file – printing-shop-1.0.0.zip (or later version number) – needed to install your theme. You can install the theme by ftp or by using the WordPress Theme Installer (recommended).

WordPress Install:

  1. Open your WordPress dashboard.
  2. Go to Appearance > Themes. Click Install Themes tab, located at the top of the screen.
  3. Click Upload.
  4. Choose the theme zip file from the folder where you extracted the downloaded files.
  5. Click Install Now.

Upload Printing Shop Theme

  1. Activate the theme

Activate Printing Shop

  1. Click on customize to being customizing or go to Appearence->Theme Setup to install additional functionality through plugins we’ve integrated into the design and/or recommend to enhance your site.

Customize Printing Shop

FTP Install (only needed if you are unable to use the WordPress Install above.:

  1. Extract the theme zip file into a folder. You should have a folder printing-shop with all of the theme files inside.
  2. Connect to your website hosting account using an FTP client.
  3. Go to your default WordPress themes folder, and copy the entire creative-cakes folder into the themes folder. The default themes folder* is “wp-content/themes”, so you should now have “wp-content/themes/printing-shop” on your server.

*This is the default but other configurations are possible, contact your web host or the person/company who installed WordPress for you if you are unable to locate your themes folder.

Child Theme

We recommend that you never edit your theme files directly as these changes would be overwritten when updating the theme to the latest version.  We have included a sample child theme for use if you need to make changes to the theme functions, templates, or stylesheets.

The sample child theme, printing-shop-child.zip is included in your download package.

More information on using child themes.

Demo Content

Your theme download includes import files for adding the sample content from our theme demo.

Unzip the printing-shop-demo-content.zip from your download package.

The main sample content is included in printing-shop-demo.xml.  To import, go to Tools->Import in the WordPress admin and choose WordPress from the import menu.  If you have not used it before, you may be prompted to install the importer plugin before continuing.

Browse to the .xml file on your computer and follow the prompts to import the demo content.

Please remember that the sample images are included for demo purposes only and should not be used on your live site.

You can also import the demo form on the customer service page.  You will need the Ninja Forms plugin installed to import the demo.

Import Ninja Forms

Select the Import/Export option from the Forms menu.  In the Import section, browse to supportticket—02-16-2014-.nff in the demo content folder and import.  The support ticket form will now be available in All Forms.  Note – if you are also importing the demo content above, you may need to edit the shortcode on the customer service page to match the newly imported form.

Theme Options

Printing Shop uses the WordPress Theme Customizer for theme settings so that you can live preview your changes.

You can access the Customizer from wp-admin under Appearance->Customize or choose Customize in the WordPress toolbar (when using the toolbar option, you will be able to see the live preview of the page you are currently viewing).

Theme Customizer

 

Click on a section in the customizer to see the options available.

Printing Shop Theme Options

Site Title and Tagline – Default WordPress options, these will display if you choose not to use the logo image.  They will also be used as the default for your <title> tag.

Home Page – Slider settings for the custom home page, more info in the Soliloquy section below.

Favicon – If you are using a plugin to set a custom favicon or have favicon.ico in your site root, you can use this setting to remove the favicon set by the theme.

Logo – Upload your own logo to replace the default or set the header to be text only.  For best results when uploading a custom logo, use a max width of 690px and a max height of 142px.

Fonts – Set Headings and Body fonts.

Colors – Choose a color scheme or set a custom background color.

Background Image – Choose your own background image.

Comments – Set comment options.  See more in Page and Post Options below.

WooCommerce – More info about WooCommerce integration below.

Navigation – Choose menus you have created to display in the theme’s Primary and Social menus.  More info on menus below.

Static Front Page – Choose whether to display a page or latest blog entries on the home page of your site. More info about customizing the home page in Home Page Setup below.

Layout – Choose the default global layout of your site.  You can also set these on a per page/post basis.  More info and description of options below in Page and Post Options.

Footer – Custom the text in the Footer and Printing Shop Hours areas at the bottom of your site.

Home Page Setup

The theme demo displays the static home page option and uses Widgets to customize the content.

Create and save a page for your home page and another for your blog page (if desired) in the Pages section of wp-admin.  In the Theme Customizer select Front Page displays “A static page” radio button and select the home page you created in the Front Page drop down and the blog page in the Posts Page drop down.

Static Front Page selection

 

The home page slideshow will automatically show the latest posts with featured images.  If you have installed Soliloquy and created your own custom slideshow, you can select this slideshow to show instead in the Home Page section of the Theme Customizer.  There is also an option to Remove Slider in the drop down if you want to disable it completely.  If you want to completely replace the slideshow content area, use the “Home Page Top” widget area in Appereance->Widgets to add your own custom content.

Home Page Slideshow

 

The next section of the home page is created with the Print Shop Box widget.  In Appearance->Widgets add the Printshop Box widget to the “Home Page Middle” widget area and set the text and options you want.

Print Shop Box Widget

The “Home Page Bottom” area will automatically be populated with your latest posts for the “Hot Off the Press” widget.  To customize, add the Printing Shop Hot off the Press widget to Home Page Bottom and edit the settings to customize the display.  You can also replace it with the widgets of your choice instead of using Hot Off the Press.

Hot Off the Press Widget

If you choose Front Page Displays – Latest Posts in the Static Front Page setting, you will also have the above options and widget areas available to use while also showing your most recent posts in a standard blog format.

 

Page and Post Options

Templates and Layouts

All pages and posts have a layout option to customize the layout and sidebar options for the page.

Layout Options

 

 

The “Default” layout sets the page to match the global layout option choosen in the Theme Customizer.  “One Colum”n is a full page layout without sidebar.  “Two Columns, Left” has the content on the left and sidebar on the right and “Two Columns, Right” has the content on the right and sidebar on the left.

There are also 3 templates available to choose.  The default template (default is the  blank select  in the image below) displays your featured image (if set) floated left with your content wrapping around it.  You can also select “Full-width featured image” which displays the featured image above the title for the full-width of the content area or use “Hide Featured Image” if you want to set a featured image so that a thumbnail will display on your blog front page but you wish to set the image location within your content by inserting the image yourself.

Post Template Options

Comment Options

There are several ways to hide or disable comments on your posts and pages.

Per Page/Post Settings

The edit screen for each page or post you create has an options box that allows you to choose to enable or disable comments and pingbacks/trackbacks.

Discussion settings for individual pages and posts

If you do not see this option on the edit screen, you may need to enable it from Screen Options (top right of the screen).

Turn on Discussion in Screen Options

Site-Wide

The next option allows you to disable comments site-wide and turn them back on per post/page if you want some of your posts/pages to have comments.

In wp-admin, select Settings->Discussion for options related to comments.

Discussion Options in wp-admin

The discussion options at the top allow you to have comments default to off for all future posts/pages.  Posts/Pages that you already have created will continue to have comments open.  If you have existing comments they will still exist and continue to display.

Hide Comments on Pages/Posts

The above options are both basic WordPress options.  Creative Cakes also has a theme option to hide the comment area from disable that can be set for all posts and/or all pages.  This removes the comment form and any comments, trackbacks and pingbacks from display regardless of the other 2 settings described above.

You will find the setting in the Theme Customizer.

Theme Customizer Link

Expand the menu option on the left “Comments”.  You will see check boxes to enable/hide comments for posts and for pages.  Be sure to save your changes once you have this and any other theme customizer options to your preference.

Hide comments in theme customizer

Widgets and Sidebars

Widget Areas in Printing Shop

Home Page –

  • Home Page Top
  • Home Page Middle
  • Home Page Bottom

Header – The Header Widget Area displays to the right of the logo.

Primary – The Primary Widget area displays as a left or right sidebar depending on the layout of the page.

Footer – There are 2 widget areas that are available below the main content.

  • Subsidiary – This is the widget area that contains a row of colored text links on the theme demo.  To use these on your site, use the Printing Shop Small Box widget.
  • Footer – Second widget area of footer, displays menus in demo.
  • Footer Right – Right side of footer, displays social menu in demo.

 

Menus

The top menu bar in Printing Shop is the Pramary Menu.

Primary Menu

You can create and edit this menu in Appearance->Menus.  Assign your menu to the Primary Menu location.

Primary Menu editor

The sidebar menu uses the Navigation Menu widget to place the menu.  You will still create and edit your menu as in the primary menu above but instead of assigning it to a location, to to Appearance->Widgets and add the Navigation Menu widget to the Primary Sidebar.   Select the menu you want to display in the menu dropdown of the widget settings.

Printing Shop Menu Widget

Footer menus – These are also created with the Navigation Menu widget.

Social Links Menu – Printing Shop’s social links are also managed through Appearance->Menus.  More details in the next section.

Social Links

The Social Links in the footer are managed with a custom Menu.  Create your social menu in Appearance->Menus and assign it to the “Social Links” menu location.  Links that match built in social networks will automatically display the matching Font Awesome icon.  Included are icons are facebook, twitter, dribbble, google-plus, pinterest, github, bitbucket, tumblr, youtube, flickr, instagram, linkedin, rss, dropbox, foursquare, flickr, and skype.

Social Menu

 

You can also add any other icons you like to your menu by adding the Font Awesome icon class name to the CSS classes for your menu item.

Custom Social Menu Icon

Font Awesome

Font Awesome 4.0.3 is included and can be used a number of ways in addition to the Social Links menu.

You can use the icons in any of your menus by using the icon class the same as described in the Social Links documentation above.

Recommended Plugins

We have included styling and/or additional functionality for the following plugins:

Our demo also includes:

Our support is limited to styles, theme options, and other function that enhance using these plugins with our theme, please use the support options provided by the plugin author for help with plugin use.

WooCommerce

Install WooCommerce to enable e-commerce functionality with Printing Shop.

Our demo site products include an upload file field.  If you need this functionality, you will also need to purchase the Product Add-ons extension from WooThemes.

Soliloquy Slider

With the Soliloquy Slider plugin installed, you can create custom sliders to replace the default home page slider.

After you create your slider in Soliloquy, you will be able to select your slider in the Theme Customizer Home Page Settings.

Home Page Slider

Support

Contact us through our support form.

Sources & Credits

Hybrid Core, Copyright (c) 2008 – 2013, Justin Tadlock <justin@justintadlock.com>
Source: http://themehybrid.com/hybrid-core
License: GNU General Public License, v2 (or newer)
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

Respond.js, Copyright 2011: Scott Jehl, scottjehl.com
Source: https://github.com/scottjehl/Respond
License: Dual licensed under the MIT or GPL Version 2 licenses
License URI: /js/respond/README.md

HTML5 Shiv, @afarkas @jdalton @jon_neal @rem |
Source: https://github.com/aFarkas/html5shiv
License: MIT/GPL2 License
License URI: /js/html5shiv/html5shiv.js

Unsemantic, Nathan Smith, sonspring.com
Source: http://unsemantic.com
License: Licensed under GPL and MIT
License URI: http://www.gnu.org/licenses/gpl.html, http://www.opensource.org/licenses/mit-license.php

Magnific Popup, Dmitry Semenov, dimsemenov.com
Source: https://github.com/dimsemenov/Magnific-Popup
License: MIT
License URI: http://www.opensource.org/licenses/mit-license.php

TGM-Plugin-Activation, Thomas Griffin <thomas@thomasgriffinmedia.com>, Gary Jones <gamajo@gamajo.com>
Source: https://github.com/thomasgriffin/TGM-Plugin-Activation
License: GNU General Public License, v2 (or newer)
License URI: http://opensource.org/licenses/gpl-2.0.php GPL v2 or later

Font Awesome, Dave Gandy
Source: http://fontawesome.io
License: SIL OFL 1.1 (Fonts), MIT License (Code)
License URI: http://fontawesome.io/license/

Flexslider, Copyright (c) 2012 WooThemes
Source: https://github.com/woothemes/FlexSlider
License: GNU General Public License, v2 (or newer)
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

Demo Images are provided by Allure Graphic Design for display purposes only and not included with the theme.

Changelog

== 1.0.0 ==

  • Initial release.