Coup Shop is a WordPress blog, portfolio, and shop theme, with full WooCommerce support. You can use it as a standalone WooCommerce theme, (without using the blog and portfolio parts), or you can just use the portfolio parts. Either way, it’s great for people who need to sell products and/or showcase their work.
Under most circumstances, installing WordPress takes less then five minutes to complete. Many web hosts now offer tools to automatically install WordPress for you. However, we strongly recommend that you install WordPress yourself, the following guide will help http://codex.WordPress.org/Installing_WordPress.
Theme can be installed in two different ways:
- Installing through WordPress
- The Traditional installation using FTP client
Installing through WordPress
Installing a theme through WordPress is quite easy and it will take only few minutes of your time. Login into WordPress admin panel, and go to Appearance -> Themes. Click on Add New button, and then Upload from the navigation bar right below it. Click on Choose File button, and browse your computer for coup.zip file and click Install Now. After installation is complete, click on Activate link.
Very important note if you bought the theme from Themeforest: Please do not upload the whole file you have downloaded. Browse for coup.zip file inside WP directory, in the main file you have downloaded.
The Traditional installation using FTP client
First things first, you will need an FTP client (example FileZilla which is free, easy to use and it works on Windows, Mac and Linux) to access your web host server. Now that you have access to your WordPress installation files simply transfer your unzipped theme to your server in the ..wp-content/themes/. The only thing left to do after that is activating the theme, to do that go to your WordPress admin panel and navigate to Appearance -> Themes, search for Coup and click Activate link right below it.
Very important note if you bought the theme from Themeforest: Please do not upload the whole file you have downloaded. Browse for coup.zip file inside WP directory, in the main file you have downloaded. For more detailed explanation on how to install themes, visit this link.
First Steps After Theme Activation
Coup Shop theme uses latest post reading setting. Of course, you can set theme to display desired static page, instead of posts, but you will also need to create posts page.
Setting theme reading settings – Latest Posts landing page
Login into WordPress admin panel, and go to Settings -> Reading. Set Front page displays option to Your latest posts. Press Save Changes button in order to populate changes.
Setting theme reading settings – Static Page landing page
Login into WordPress admin panel and go to Pages – > Add New. Create new page – enter title (e.g. Home). Click on Publish button in order to populate page. Now create another new page (e.g. Blog), with Default page template, using the same method.
When you are done, go to Settings -> Reading. and set the theme to display static page. Then select previously create pages – for Front page select your desired page (e.g. Home), and for Posts page select your page with Default page template (e.g. Blog) . The page you select for your Post page will display all blog posts.
Press Save Changes button in order to populate changes.
Next important thing to do is setting your permalinks, we strongly suggest the use of pretty permalinks. Go to Setting -> Permalinks and select Post name.
Coup advanced features
To take advantage of Coup‘s advanced features, you have to install and activate the Jetpack plugin.
Jetpack is a free plugin developed by Automattic – the same folks who make WordPress. Jetpack has a lot of features that will make your life a lot easier:
- Custom Content Types (Custom post type – portfolio)
- Contact Form
- Tiled Galleries
- Shortcode Embeds
- Extra Sidebar Widgets
- Widget Visibility
- Infinite Scroll
- Related Posts
- Custom CSS (edited)
- SEO tools
- Google Analytics
- Site Stats
Do I have to use Jetpack?
Yes. Jetpack is a mandatory plugin for the Coup theme. Without it, Coup will still work but we strongly recommend you install Jetpack. It’ll let you include a lot of handy features to your site like security, design tweaks, backups, sharing and more. Besides, it’s faster, safer, and easier to use than 7 of our custom plugins.
To use Jetpack, please sign up for a WordPress.com account.
How do I install Jetpack?
Before installing, make sure you have:
- The latest version of WordPress.
- A WordPress.com account. Sign up for one here.
- A web site that’s publicly accessible (not hidden/private).
The easiest way to install Jetpack is from within WordPress itself.
Log in to your site and head to your dashboard, click on the Plugins tab in the left panel, then click “Add New.” If you search for “Jetpack,” you’ll find the latest version. Install it by clicking “Install Now”. After that you’ll have to connect your WordPress.com account.
After successfully connecting to your WordPress.com account, you’ll see a list of features Jetpack offers. Most of them are automatically activated.
For more details and support with installation, visit the official Jetpack installation guide.
How do I use Jetpack in Coup?
Jetpack has “modules” – tiny features that let your site do more things. You can see which modules Jetpack has by going into Jetpack -> Settings. They’re divided into five categories (General, Engagement and so on).
We’ve highlighted the most important modules that work great with Coup.
Custom Content Types (Custom post type – portfolio)
The Custom Content Types module adds custom post types (CPTs) to your site. These CPTs allow you to add content that doesn’t necessarily fit into a post, but isn’t right for a static page either. Since this is part of Jetpack, you can even switch themes without losing these custom post types!
Jetpack supports a few custom post types, but the most important one for Coup is the Portfolio custom post. The Portfolio custom post type gives you an easy way to manage and showcase projects on your site.
Enable the Portfolio custom post type by activating the Custom Content Types module in your Jetpack settings, like shown below:
Then, go to Settings → Writing in your WordPress Dashboard and check the Portfolio Projects option under “Your Custom Content Types.” You can then choose to display the portfolio using the portfolio shortcode [portfolio] or with a link to the portfolio in the menu.
A contact form is a great way to offer your readers the ability to get in touch, without giving out your personal email address.
You can add a contact form to any post or page. To get started, click the contact form icon above the post editor. Note: you can only have one contact form per page.
With the Tiled Galleries module you can display your image galleries in three new styles: a rectangular mosaic, a square mosaic, and a circular grid. The rectangular and square tiled layouts also have hover-over captions to save space while making captions accessible.
To create your Tiled Gallery:
- Make sure the module is activated in Jetpack settings.
- Create a new gallery with the “Tiles” option selected.
- Optional: To make all of your galleries tiled by default, go to Settings → Media in your blog’s dashboard and select the box next to “Display all your gallery pictures in a cool mosaic.”
Go to Jetpack -> Settings -> Appearance and turn on the Carousel module. Once on, any standard WordPress galleries you have embedded in posts or pages will launch a gorgeous full-screen photo browsing experience with comments and EXIF metadata.
Once you activate the Carousel module, you will find the settings in your Dashboard under Settings -> Media.
For more information on Carousel and its options, see the official Jetpack Carousel documentation.
A shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. A shortcode is like a shortcut.
Shortcodes allow you to embed videos from YouTube, tweets from Twitter, and other media across the web directly in to your WordPress-powered site.
The module also allows you to embed elements by pasting URLs on a line by itself in your visual editor.
For a full list of which shortcodes Jetpack support, see the official shortcode documentation.
Extra Sidebar Widgets
The “Extra Sidebar Widgets” module includes widgets you can add to your blog. From RSS Links to Twitter Timelines and Facebook Like Boxes to social icons, this module makes it easy to add extra functionality to your site.
Once enabled the module adds the widgets, login into WordPress admin panel and go to Appearance -> Widgets.
See the full list of all Widgets added by the Extra Sidebar Widgets module.
The Widget Visibility module enables you to configure widgets to appear only on certain pages (or be hidden on certain pages) by using the Visibility panel.
Visibility is controlled by five aspects: page type, category, tag, date, and author. For example, if you wanted the Archives widget to only appear on category archives and error pages, choose “Show” from the first dropdown and then add two rules: “Page is 404 Error Page” and “Category is All Category Pages.”
You can also hide widgets based on the current page. For example, if you don’t want the Archives widget to appear on search results pages, choose “Hide” and “Page is Search Results.”
Each visibility rule is handled separately. There isn’t a way, for example, to only display a widget on posts that are categorized as “Summer” and also tagged with “Picnic.”
Instead of having to click a link to get to the next set of posts, infinite scrolling pulls the next posts automatically into view when the reader approaches the bottom of the page.
Go to Jetpack -> Settings -> Appearance, and turn on the Infinite Scroll module. Then, in your WordPress dashboard under Settings -> Reading, make sure that “Scroll Infinitely” is checked.
The Sharing module gives your readers the tools to post your content to social networks from the bottom of each post and/or page.
First, make sure that the Sharing module is on. Go to Jetpack -> Settings -> Engagement and see if Sharing is turned on. Then, go to your dashboard Navigate to Settings –> Sharing in your site’s dashboard.
Under Sharing Buttons, drag and drop the services you want to use into the Enabled Services area.
Choose your preferred button style and where you would like the buttons to appear.
Hit “Save” in the end.
You can add Captcha and have more fun with sharing. Learn how at the official Jetpack Sharing module documentation.
The Related Posts feature scans all of your posts, analyzes them, and lets you show contextual posts your visitors might be interested in reading next.
Most sites who activate this see an increase in traffic. Unlike many other related post plugins, Jetpack does all the analysis, processing, and serving from its own cloud, so there is no additional load on your server. (That’s why many plugins like YARPP or Similar Posts are often banned by web hosts, but Jetpack Related Posts are allowed.)
Go to Jetpack -> Settings -> Engagement -> Related Posts to turn this module on.
What about all the other Jetpack modules?
Feel free to use them! Coup supports Jetpack and its modules. We’d recommend turning on any module you need, and turning off any module you don’t need (so as not to overwhelm your site).
Does Jetpack offer support?
Yes. Jetpack offers full, free support. If you have a Jetpack related problem, please contact their support agents.
Beside JetPack plugin, Coup Shop theme requires only two additional plugins to get all features running:
- Coup Shop Slider Post Type: This plugin will add Slider custom post type and allow creation of slides that will be displayed on homepage.
- WooCommerce: Most popular e-commerce plugin for WordPress.
Importing Demo Content
Read first: Before importing content, please make sure to install all required plugins!
One Click Demo Installation
Coup theme comes with maximally simplified demo installation. This feature will install demo and set your site to look exactly like Coup demo.
Login into WordPress admin panel and go to Appearance -> import Sample Data.
First select desired demo, by clicking on it, and then click on Import Demo Data.
Please note that import will take a while – lot of images and content should be imported.
Note: If it happen that demo import suddenly stops, simply select same demo again, and click on Import Demo Data again. Depending from your server configuration, it might happen that you will need to do this few times.
This can be fixed by:
- Contacting your hosting provider, and asking them to increase
max_execution_timein your php.ini configuration.
- Contacting your hosting provider, and asking them to increase
- Add s
et_time_limit(240);line to your wp-config.php file.
- Add s
Traditional Demo Import
If you want your site to look like Coup demo, you will need to import demo content.
Go to your Themes Kingdom account and click on the XML icon to download demo file.
After download is complete, you will need to import demo content:
- Login into your WordPress admin panel.
- Go to Tools -> Import.
- Click on the WordPress, install the plugin if you don’t already have it.
- When the plugin is opened click on the Choose File button.
- Select XML file you previously downloaded.
- Select authors to assign to posts. You may choose an existing author or create a new one.
- WordPress will then import each of the posts, pages, custom post types, comments, and categories contained in our demo version.
- Done! Very important thing to do after you are done with importing demo content is updating menus. To do that go to Appearance -> Menus. Select desired menu and under the Menu Settings at the bottom of the page check Primary Menu, then click Save Menu button to save changes.
For more detailed explanation how to Import demo content, visit this link.
The Customizer is great WordPress feature which allows you to customize theme and set theme options. Customization options available in The Customizer:
- Site Identity
- Background Image
- Content Options
- Static Front Page
- Theme Options
- Color Settings
- Additional CSS
- Font Settings
Site Identity allows you to set your site title, tagline and icon. Site title is the name of your site and it’s displayed in the header, where logo is displayed. Tagline is short description, or your motto, and it’s displayed just under the title. This setting is the same as in Settings -> General in WordPress admin panel.
- Logo: Upload logo for your site. Logo should be in PNG or JPEG/JPG format.
- Site title: Name of your site.
- Tagline: Site punchline.
- Display Site Title and Tagline: If enabled, both site title and tagline will be displayed. Tagline will be displayed under the title.
- Site Icon: The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall.
Background Image allows you to upload image that will be used as background image instead of solid color.
- Background Image: Upload your background image. JPG, PNG and GIF formats are supported.
- Background Repeat: If you are using large, one piece image, then you should set No Repeat option. However if you plan to use smaller, repeating pattern, then you should select:
- Tile: Image will be repeated by default, starting from top left corner.
- Tile Horizontally: Image will be repeated horizontally, starting from top left corner.
- Tile Vertically: Image will be repeated vertically, starting from top left corner.
- Background Position: Defines where and how background should be placed. You should use Center if you are using large, one piece background.
- Background Attachment: Defines if background image will have fixed position, and always visible to the user, or it will scroll as user scrolls through the site.
This option allows you to quick manage created menus. You can select which created menu will be displayed as Primary Menu or Footer Menu. If you need to manage actual menu items, you can do that in Appearance -> Menu.
Content options feature contains options to turn on/off meta data that are displayed on the posts, like date, categories and such.
- Blog Display: Way how blog page will display posts – full post or just excerpt.
- Display date: Turns on/off date display for posts.
- Display categories: Turns on/off categories display for posts.
- Display tags: Turns on/off tags display for posts.
- Display author: Turns on/off author display for posts.
Widgets section allows you to quickly manage widgets in widget areas. This option allows you the same possibility as Widgets option in WordPress admin panel.
Static Front Page
This option works the same way as Settings -> Reading. It allows you to set them to read latest post or to use static pages for landing and blog page.
Theme options contain only option to set blog and shop layout.
- Blog layout can be in shuffle mode – featured images are in different size, and posts are placed in fluid grid mode. Standard will display posts in classic blog role mode.
- Shop layout defines number of columns on shop pages and if tags will be displayed.
- Slider: You can display up to 10 featured posts in the slider. Slider comes with three sizes – small, medium and fullwidth slider. In small size image is displayed on the right side, with text on the left. Medium size will cover the screen, but with whitespace around it. Fullwidth will completely cover the screen. When the fullwidth is activated, side categories navigation is not displayed.
Colors panel allows you to set header text and background colors.
In additional CSS section you can enter your custom CSS classes, so you don’t need to mess with original styles, or create child theme. Of course, you should create child theme if you plan to modify other files as well.
Font settings allows changing font family and font weight for headings, paragraphs and navigation.
Coup theme comes with one menu locations – primary, or header menu.
The Primary menu is located in theme’s header area. This menu can contain custom links, pages, categories, tags, or posts.
Creating Primary menu
Login into WordPress admin panel and go to Appearance -> Menus. Click on Create a new menu link. Enter name for your menu(e.g. Primary), and press Create Menu button. Your new menu is created. Now you can add your pages, posts, categories, tags and links to the menu. When you are done check option Primary Menu and press Save Menu button.
- Click on “create new menu” to add new menu.
- Here you should define a name for your menu, after that click on the Create Menu button right next to it.
- Select pages you want to add to your menu. When you are done with selecting pages, click on Add to menu button below. You can also add custom links, posts, categories etc. as you can see in the panels below.
- If you want to customize or delete menu item, click on the arrow icon in the top right corner of the menu box to expand it. Inside you will find:
- This menu editor allows you to create multi-level menus. To do that simply hold your left mouse button and drag desired menu items left or right. Dragging menu items slightly to the right will make them sub-menus for the menu item that is above them. You can also change the order of appearance of menu items by dragging them up or down. Remember to save the changes when you are done with editing (No4).
- Set “Primary Menu” check box to checked if you want this to be your primary menu.
Widgets are used to add content and features to your sidebar and footer. There are default WordPpress widgets and and custom widgets that come with the theme. Adding and removing widgets is quite easy, just follow the instructions below:
Login into your WordPpress admin panel and navigate to Appearance -> Widgets.
- Choose a widget you would like to use, and drag it into the sidebar to right (shown in No 3). Widgets will become active after a page refresh.
- Widget area where you place desired widgets.
- You can add, remove or customize widgets in widget areas. To do that click on the arrow icon in the top right corner of the widget box to expand it. You can also change the order of appearance by simply dragging widgets up and down.
Coup theme have three widget areas – default sidebar, and two footer widget areas.
If you have enabled Widget Visibility feature from JetPack, you will be able to set widget visibility depending from post or page. Visibility works in simple if or if not logic. This means that you can set widget to be visible if some condition is, or if it’s not matched. Widget visibility options will be displayed as part of the widget.
Show widget only on contact page: Select from dropdown Show only, and then from list check box near your contact page. Save changes. This way widget will be displayed only on contact page.
Hide widget only on contact page: Select from dropdown Hide, and then from list check box near your contact page. Save changes. This way widget will be hidden only on contact page.
Coup theme comes with several different post formats: Standard, Gallery, Video, Quote and Link.
- Post title: Name of your post. It will be displayed on the front end.
- Post content: Content of your post – text, images, shortcodes and other.
- Publish: Publish options. You can set custom date and time for publishing your post, and set post status – draft, in review or published.
- Post formats: Different post formats will display content in different way. You can choose one of the following post formats:
- Category: Each post in WordPress is filed under one or more categories. This aids in navigation and allows posts to be grouped with others of similar content.
- Tags: Tags are words that allows you to organize posts by similar content.
- Set featured image: Featured image will be used as cover image on front end.
Pages are for content such as About, Contact, etc. Pages live outside of the normal blog chronology, and are often used to present timeless information about yourself or your site — information that is always applicable. You can use Pages to organize and manage any content.
Coup theme uses different page templates to display different information. Included page templates:
- Default Template – Default Template is multipurpose page template, without any special property.
- Featured Products Template – Page template that will display in grid all products which visibility is set to Featured.
- Portfolio Template – On page with Portfolio Template will be displayed all Portfolio items.
Portfolio is custom post type, that comes with Coup Custom Post Types plugin. Portfolio(or Projects) are used to display your work on page with Portfolio Tempalate. Portfolio items can be associated with Portfolio categories.
- Project name: Enter your project name.
- Project content: Content of your project – text, images, shortcodes and other.
- Publish: Publish options. You can set custom date and time for publishing your project, and set project status – draft, in review or published.
- Project Types: Types are the same as categories. Each project can be filed under one or more categories. This aids in navigation and allows projects to be grouped with others of similar content.
- Project Tags: Tags are words that allows you to organize portfolio items by similar content.
- Set featured image: Featured image will be used as cover image on front end, and displayed on single page as well.
Slider is custom post type is used to create slides on the homepage. Slider on the homepage can be enabled in Front Page Settings. Slider is displaying featured image from single slide, so the image should be in good resolution 1920px wide at least.
- Title: Enter title for your slider.
- Slide description text: Short text that will be displayed on the slider. This should be short description.
- Headline Font Size: Font size that will be used for headlines.
- Headline URL: Link where headline ill lead on click.
- Headline Color: Slider title color.
- Headline Hover Color: Title color on hover.
- Text Color: Color of the text.
- Text alignment: Text alignment in the button. Can be Left, Right or Center.
- Publish: Publish options. You can set custom date and time for publishing your post, and set post status – draft, in review or published.
- Slider Categories: Categories allows you to easily group and manage slides.
- Set Featured Image: Featured image is used to display slider image. For the best results you should optimize all images to be the same size and in high quality – at least 1920px.
Featured products should be new, or outstanding products tht you need to promote. They will appear on page with Featured Products Template.
To make product featured, in admin panel:
- Go to Products -> All Products.
- Find product that you wish to make featured, and enter edit mode.
- Click on Edit link near Catalog Visibility in Publish box.
- Check Featured product box, and save the changes.
Repeat process for all products that you need to make featured.
Alternative method is to click on Quick Edit under desired product to display meta data and to set it as Featured.
If you need to set your homepage to look like our demo create page with Featured Products Template and set it as static home page in Reading Settings.
In our demo we are using Featured Products Template page in combination with the slider.
To create same layout as in our demo,
If you need additional assistance for this theme, please submit a ticket in our support system.