$\\$ $\\$ $\\$ $\\$ $\\$ $\\$ $\\$ $\\$ $\\$ $\\$

Craft | Coffee Shop & Restaurant WordPress Theme Overview

Craft WordPress Theme is a responsive WordPress theme created especially for coffee shop, cafe, bakery and restaurant related business websites etc. Built with fully functional page builder for coffee shop & restaurant related websites. Craft support responsive layouts built especially for coffee shop, cafe, bakery and restaurant related websites so it looks great on all devices. It has various ready to use layouts which can be imported with one click.

Features

9 Homepages different designs & color scheme for coffee shop, cafe, bakery and restaurant related websites

We created ready to use homepage layouts and we will keep adding more in the future updates

Coffee & Food menus Layouts

Building your coffee shop & restaurant menus couldn’t be easier using drag & drop Elementor. You can customise it into single or multiple columns. Mixed with other contents ex. images, video to make it looks stunning for your customers. See an example shop page here

Online Shop & Food Delivery

Nowadays, online shop & food delivery are the crucial of your business. We created Craft theme to support the most popular shop plugin “Woocommerce” so you can start selling your products or food delivery service without paying for additional plugin. See an example menu page here

20+ Flexible Portfolio, Video & Gallery Layouts

Uniquely show yours or your site media contents ex. portfolio, video, images using a variety of video, gallery and slider layouts. See an example portfolio page here

Predesign template for pages, portfolio, video gallery and gallery etc. To let you show your business, portfolio, gallery and videos uniquely and require simple steps to create with easy to use page builder.

Portfolio Portfolio is the great way to show your app showcase, software or business works.
Slider Slider is the great way to show featured contents of page with its unique and amazing animation which can easily created without any coding required.
Gallery Gallery is the great way to show groups of pictures on your website and you can easily upload multiple images into gallery. See an example gallery grid page here
Video Gallery Video Gallery is the great way to show groups of video contents on your website so your fans can easily enjoy rich media content directly from your website or Youtube. See an example video grid page here
Page Page is for displaying your business information, services etc. on your website including text, image and video.

50+ Predefined Page Templates which you can import from Elementor page builder.
8 Blog Templates Multiple single blog post layouts are the powerful features to use in different purposes. Post content is flexible to display with images, gallery slider show or with other video source ex. Youtube, Vimeo, and self-hosted video Also, blog post support various content including photo, gallery, video etc.
5 Traditional Menu Layouts with various menu styles and extensive customizable options so you can easily create your own menu design.

Fully customisable header, navigation menu, mega menu & footer using Elementor Page Builder

Easiest to use Elementor Page Builder

Intuitive Page Builder We are using easiest to use WordPress page builder “Elementor”. So you can enjoy building gorgeous pages with drag & drop simplicity.
Add & Manage Contents Visually Instead of showing icon, when you select contents to add to page, it display screenshot of content visually.
Responsive Preview See and Work with responsive layout instantly within page builder.
Drag & Drop Content Builder Create your multiple layouts in a single page without touching theme code by dragging and dropping our various pre-defined content modules including gallery, blog, map and etc. Let’s try the powerful page builder.
Save as Template Page can be saved as template in order to apply to new pages. This saves time to develop new gallery pages.

Fully integrated with WordPress Customizer

Fully integrated with WordPress Customizer Modify Appearance settings in a live preview. No matter what you change elements colors, background, typography, layout type, text or images, you will see the results instantly.
Develop your website to be responsive easily. Just only one click in Live Customizer to show the results in responsive view including on laptops, tablet or mobile phone.
Styled Typography in Live Preview Over 500+ Google Fonts are included with all styles and Font changes will be shown in live preview via Customizer. You can change font size, style, color using without touching code.
Advanced Font Management We support various Google Fonts, Typekit and self-hosted font so you can upload your own font without using any additional plugin.

Easily set different typography of Main Content Font Family, Main Content Font Size, H1-H6 Font Family, H1-H6 Font Weight, and H1-H6 Font Size.
Simply change Button Font Family.
Also, simply set dissimilar typography of Menu Font Family, Menu Font Size, Menu Padding, Menu Font Weight, Menu Font Spacing, and Menu Font Text Transform.
Also, easily set SubMenu Font Size, SubMenu Font Weight, SubMenu Font Spacing, and SubMenu Text Transform (None, Uppercase, Lowercase, and Capitalize).
Simply change Side Menu Font Family, Side Menu Font Size, Side Menu Font Spacing ,and Side Menu Text Transform (None, Uppercase, Lowercase, and Capitalize).
Moreover, effortlessly change Page Header Padding Top, Page Header Padding Bottom, Page Title Font Size, Page Title Font Weight, Page Title Font Spacing and Page Title Text Transform (None, Uppercase, Lowercase, Capitalize)
In addition, easily change Content Builder Header Font Size and Content Builder Header Text Transform (None, Uppercase, Lowercase, Capitalize)
Furthermore, easily change Page Title Font Size, Page Tagline Font Weight, Page Tagline Font Spacing and Page Tagline Text Transform (None, Uppercase, Lowercase, Capitalize)
Last but not least, easily change Widget Title Font Family, Widget Title Font Size, Widget Title Font Weight, Widget Title Font Spacing and Widget Title Text Transform (None, Uppercase, Lowercase, and Capitalize).

Gallery & Image Protection Options Theme support various options to protect your works including password protected, right click, image dragging protection and watermark.
Amazing Backgrounds Easily applying images, patterns and colors in background of your site. Also, various repeat options are available.

Easily set different background of Main Content Background Color, Input and Textarea Background Color, and Button Background Color.
Besides, simply set varying background of Menu Background Color, Menu Background Image, Menu Background Repeat, Menu Background Size, Menu Background Attachment and Menu Background Position
Also, effortlessly set Sub Menu Hover State Background Color and Sub Menu Background Color.
Moreover, easily change Top Bar Background Color.
In addition, simply change Side Menu Background Color, Side Menu Background Image, Side Menu Background Repeat, Side Menu Background Size, Side Menu Background Attachment, and Side Menu Background Position.
Also, easily change Search Input Background Color.
Moreover, effortlessly set Page Header Background Color, Footer Background Color, Footer Background Image, Footer Background Repeat, Footer Background Size, Footer Background Attachment, and Footer Background Position.

Unlimited Colors Easily control your elements colors of your website using color picker

Simply change dissimilar color of Main Content Background Color, Page Content Font Color, Page Content Link Color, Page Content Hover Link Color, H1-H6 Font Color, and Horizontal Line Color.
Easily set different colors of Input and Textarea Background Color, Input and Textarea Font Color, Input and Textarea Border Color, Input and Textarea Focus State Color, Button Background Color, Button Font Color, Button Border Color.
Also, change Frame Color with ease.
Moreover, simply set unlike color of Menu Background Color, Menu Font Color, Menu Hover State Font Color, Menu Active State Font Color and Menu Bar Border Color
Also, submenu can be set including Sub Menu Font Color, Sub Menu Hover State Font Color, Sub Menu Hover State Background Color, Sub Menu Background Color, and Sub Menu Border Color
Easily change Mega Menu Header Font Color and Mega Menu Border Color.
Top Bar Background Color and Top Bar Menu Font Color can be changed easily.
Also, easily change Side Menu Background Color, Side Menu Font Color, and Side Menu Hover State Font Color
Effortlessly change Search Input Background Color and Search Input Font Color.
Simply change Page Header Background Color, Page Title Font Color, and Page Tagline Font Color.
Easily change Sidebar Font Color, Sidebar Link Color, Sidebar Hover Link Color and Sidebar Widget Title Font Color.
Easily change Page Footer Background Color, Footer Font Color, Footer Link Color, Footer Hover Link Color, Footer Border Color and Footer Social Icon Color.

Responsive Design With users’ behaviour focus, every pages are designed to look great on all devices no matter what devices users are on laptops, tablet or mobile phone. In case, you would like to deactivate responsive feature, only one click is required in your live customizer backend.
Frame Frame can be enable for site layout by only one click. Also, you can choose easily the Frame Color by the color picker.
Social Sharing Sharing Social Button can be applied to all pages by only one click.
Content

Easily set different typography of Main Content Font Family, Main Content Font Size, H1-H6 Font Family, H1-H6 Font Weight, and H1-H6 Font Size.
Also, easily set different background of Main Content Background Color, Page Content Font Color, Page Content Link Color, Page Content Hover Link Color, H1-H6 Font Color, and Horizontal Line Color.
In addition, simply change Input and Textarea Background Color, Input and Textarea Font Color, Input and Textarea Border Color, Input and Textarea Focus State Color, Button Background Color, Button Font Color, and Button Border Color.

Navigation

General

Menu Layout Various options to choose your menu layout; for instance, Left Align, Center Align, Left Vertical, Hamburger Menu + Open Side Menu and Hamburger Menu (Off-Canvas Side Menu Navigation) + Open Fullscreen Menu
Create custom & rich main menu and header layouts using drag&drop Elementor page builder. No coding skills is required!
Sticky Menu Only one click is required for fixed main menu when scrolling. Moreover, Light & Dark Sticky Menu Color Scheme is available to match your style in your web site.
Fully customise menu layout, columns and contents using Elementor Page Builder.

Typography

Easily change Menu Font Family, Menu Font Size, Menu Padding, Menu Font Weight, Menu Font Spacing, and Menu Font Text Transform.

Colors

Simply change Menu Font Color, Menu Hover State Font Color, Menu Active State Font Color, and Menu Bar Border Color.

Backgrounds

Effortlessly set varying background of Menu Background Color, Menu Background Image, Menu Background Repeat, Menu Background Size, Menu Background Attachment and Menu Background Position

Sub Menu Submenu can be set including SubMenu Font Size, SubMenu Font Weight, SubMenu Font Spacing, SubMenu Font Text Transform, Sub Menu Font Color, Sub Menu Hover State Font Color, Sub Menu Hover State Background Color, Sub Menu Background Color, and Sub Menu Border Color.
Mega Menu Theme comes with mega menu support so you can display navigation links into columns which allow you to organise large number of menu items

Change Mega Menu Header Font Color and Mega Menu Border Color by color picker with ease
Create custom & rich contents for your mega menu using drag&drop Elementor page builder. No coding skills is required!

Top Bar

Only one click is required for displaying Top Bar above main menu.
In addition, Top Bar Background Color and Top Bar Menu Font Color can be changed easily.

Contact Info Contact Hours and Contact Phone Number can be set. Moreover, only one click is required for opening Top Bar Social Icons link in new window
Side Menu

Only one click is required to enable Side Menu on Desktop
Easily change Side Menu Background Color, Side Menu Font Color and Side Menu Hover State Font Color by color picker
Easily set Side Menu Background Image by just browsing the image
Moreover, simply change Background Repeat, Background Size, Background Attachment, and Background Position with ease.
Also, effortlessly change Side Menu Font Family, Side Menu Font Size, and Side Menu Font Text Transform (None, Uppercase, Lowercase, Capitalize)

Header

Background

Only one click is required to enable add Blur Effect to header background image when scrolling pass it
Easily change Page Header Background Color by color picker

Page Title

Effortlessly change Page Header Padding Top, Page Header Padding Bottom, Page Title Font Size, Page Title Font Weight, Page Title Font Spacing and Page Title Text Transform (None, Uppercase, Lowercase, Capitalize)
Easily change Page Title Font Color by color picker

Page Title with Background Image

Easily change Page Title with Background Image Height in percentage

Page Tagline & Sub Title

Easily change Page Tagline Font Color by color picker
In addition, easily change Page Title Font Size, Page Tagline Font Weight, Page Tagline Font Spacing and Page Tagline Text Transform (None, Uppercase, Lowercase, Capitalize)

Sidebar

Typography

Easily change Widget Title Font Family, Widget Title Font Size, Widget Title Font Weight, Widget Title Font Spacing and Widget Title Text Transform (None, Uppercase, Lowercase, Capitalize)

Color

Easily change Sidebar Font Color, Sidebar Link Color, Sidebar Hover Link Color and Sidebar Widget Title Font Color by color picker

Footer

Create custom & rich footer layouts using drag&drop Elementor page builder. No coding skills is required!
General

Easily set Footer Sidebar Columns to Hide Footer Sidebar or 1-4 columns
Only one click is required to set the option to open footer social icons link in new window

Background

Easily change Page Footer Background Color by color picker
Simply change Footer Background Repeat, Footer Background Size, Footer Background Attachment, and Footer Background Position.
Easily set Footer Background Image by just browsing the image
Easily change Footer Font Color, Footer Link Color, Footer Hover Link Color, Footer Border Color and Footer Social Icon Color by color picker

Copyright

Easily enter your Copyright Text and also select Copyright Right Area Content (Social Icons, Footer Menu)
Only one click is required to enable go to top button at the bottom of page when scrolling

Gallery

General

Easily sort gallery images by selecting the various options; for instance, by drag&drop, by newest, by oldest, by random and by title.
Easily display image information for photo proofing pages. You can pick one of these information including WordPress Media ID, File Name and Image Title.
Effortlessly select layout columns option for photo proofing pages.

Lightbox

2 color skins of lightbox can be applied for lightbox (White & Black)
Easily align the lightbox thumbnails to be horizontal or vertical alignment.
Effortlessly adjust lightbox overlay opacity in this customizer.
Only one click is required to display image caption under the image in lightbox mode.

Archive

Only one click is required to enable slideshow on hover effect when move mouse over gallery thumbnail

Fullscreen

Only one click is required to enable fullscreen slideshow when starts playing automatically, enable fullscreen slideshow the display image randomly, enable the display of slideshow image caption, enable the display of slide image proportion size without covering screen and enable the display slide navigation arrows.
Easily adjust the number of seconds for fullscreen slideshow timer and the number of milliseconds for transition between each image.
Effortlessly select transition type for contents in fullscreen slideshow.

Blog

General

Only one click is required to enable the display post full content in blog page (excerpt blog grid layout)
Easily adjust the page layout for displaying archive page, category page and tag page (Grid, Grid + Right Sidebar, Grid + Left Sidebar, Right Sidebar, Left Sidebar and full width.
Easily change post category link font color by color picker.

Slider

Only one click is required to enable the display slider in blog pages.
Easily adjust the layout for slider posts (Full width, 3 columns), the post category filter for slider posts and slider post items.

Single Post

Only one click is required to enable the display featured image as post header background, the display featured content (image or gallery) in single post page, the display post tags on single post page, the display about author on single post page, the display related posts on single post page, and the display sharing buttons on single post page content.

Shop

Layout

Easily adjust page layout for displaying shop’s products page (Fullwidth, with sidebar) and also the number of product items you want to display per page.

Single Product

Easily change the product price font color by color picker.
Only one click is required to display related products on single product page.

Menus Easily design your own with 24 pre-defined options. Also, rearrange elements of the headers sections, change position of logo, change colors, and apply image, social icons, taglines & secondary top menus.

General

Easily set dissimilar typography of Menu Font Family, Menu Font Size, Menu Padding, Menu Font Weight, Menu Font Spacing, Menu Font Text Transform, Side Menu Font Spacing, etc.
Besides, simply set varying background of Menu Background Color, Menu Background Image, Menu Background Repeat, Menu Background Size, Menu Background Attachment and Menu Background Position.

Menu Locations

Theme supports 4 menus including Primary Menu, Top Bar Menu, Side (Mobile) Menu and Footer Menu. You can select which menu appears in each location and you can also place menus in widget areas with the custom menu widget.

Easily order submenus by drag&drop as following menu.

Features Menu
Main Menu
One Page Menu
Side Mobile Menu

Widgets We provided a variety of custom widgets to make your life easier including Custom Category Posts, Custom Flickr, Custom Instagram, Custom Map, Custom Menu, Custom Popular Posts, Custom Recent Posts, Custom Social Profiles, and Custom Twitter. Just drag and drop custom widgets to activate and configure in any sidebars you build.

Static Front Page

Easily select the options of the Front page to display your latest posts or a static page and also apply the front page and posts page to specific page.

Awesome Page/Post Options

Page options is in menu with the Theme Options. Page options is for configuring the value for individual page or post which affect the page or post you set them on. These will override theme options which allows you to have a unique page or post outside of your global settings. This various options work together to allow you to build incredible websites.
Post Options

Set layout of the single post page including Fullwidth, with left sidebar, with right sidebar and split screen.
Specify featured content type for the post including image, gallery, Youtube Video and Vimeo Video. Different content type will be display on single post page.
Specify Format including Standard, Link and Quote.
Specify Categories including Photography, Lifestyle, Travel and Uncategorized.
Specify multiple tags, featured image, excerpt and shortcode
Easily manage categories and tags.

Page Options

Only one click to make main menu in transparent and also hide default page header.
Page Tagline is available (HTML code also supports)
Specify page sidebar by selecting provided page template
Customize the page’s menu in case you would like to display main menu other than default one.
Specify parent of the page, template of the page and ordering.
Specify featured image and discussion.

Awesome Gallery Options Theme comes with multiple gallery templates layouts for different purposes. You can choose to display full screen slideshow, horizontal, justified, masonry and classic gallery columns or even mixes between various gallery layouts.

Unlimited Photo Gallery Pages.
Specify password for the gallery
Support Featured image and discussion.

Awesome Blog Options

8 Page Layouts to choose from
4 post types are available including image, gallery, Youtube Video, and Vimeo Video.
Automatic pagination.
Post sharing box with social icons.
Threaded Comments.
Author profile page.

Custom Sidebars Easily creating your own custom sidebars without touching any code. Moreover, simply set the different sidebars to perfectly match to each page.

Unlimited sidebar Create and select sidebar for each of your page

One Page Navigation Support Easily create your modern one page site or micro site using drag and drop builder with custom menu system.

Sharp Font Icons Font icons are always crystal clear and look perfect on all devices’ screens and sizes. In addition, font icon helps to speed up your load times of your site.

Retina Ready Ensure that your images and elements are sharp and gorgeous on Retina and high resolution displays.

Optimization for Google Mobile Compatibility Check Your site’s search by Google will more visible and have better performance for mobile users. Google updated their search algorithm to give preference to websites that are optimized for proper display on mobile/handheld devices.

Search Engine Optimization (SEO) Theme has been built using semantic HTML code and CSS, allowing search engines crawl and index your web page easily.

Fully Customizable With our flexible framework, We created the powerful theme to display awesome and various portfolios and photographs options; for example, full screen image and slide show etc. Not surprisingly, no two versions of theme will ever look the same.

Multiple images upload This theme has advanced gallery editor which support bulks images uploader and drag&drop reorder.

Translation Support Theme is included .mo and .po language files. Moreover, theme is compatible with WPML plugin, allowing you to translate your site to any language or multiple languages.

Other

Compatible with latest WordPress version
Built with HTML5 and CSS3
jQuery Enhancements
Javascript files are automatically combined and minified for added performance
WordPress Multisite (WPMU) Tested
SEO Optimized, great SEO base already built-in (compatible with SEO Plugins like Yoast)
Well organized, commented & clean code
100% Responsive Theme – and you can easily turn it on or off
Automatic Theme Updater
Social Icons and Theme Icons are Font Icons, no Images
CSS3 animations enable or disable on desktop/mobile
CSS and javascript compression support
CSS3 Animations CSS3 animations help to attract the attention of your visitors towards your content by setting type, direction and speed of elements.
Child Theme support for advanced customization which is not affected by theme future update
Developed with WordPress best practices

Customer Support

Once you purchase, you can use our advanced support ticket system to receive professional support that we provided experienced and dedicated support team to ensure you always have the help you and your business needs, right when it needs it most
The most extensive online & offline documentation are included
Free Theme Updates – We are endeavouring to improve the quality of our themes by adding new features and removing bugs
Customer feedback are always welcomed for new features

Integration & Plugin

Social Media Profiles Support Social Media will help you to promote your online brand, therefore, theme provided the social media channels including

facebook
Twitter
Google Plus
Flickr
Youtube
Vimeo
Tumblr
Dribbble
Linkedin
Pinterest
Instagram
Behance
500px

Photo Stream Theme provided the channel to display photo stream before footer area including

Instagram Photostream
Flickr Photostream

Compatible Plugins

WooCommerce Plugin support for shopping cart feature.

Easily create and maintain your online shop with WooCommerce integration.
Plugin is ready designed to assort with the theme
Display your products based on category, ID or SKU
Custom featured product slider to display your products
Flexible setting your shop layout with full width or sidebar template.
This plugin works great for photography, artwork shop and etc.

WPML Plugin Compatibility, allowing you to translate your site to any language or multiple languages.
Contact Form 7 compatible with full design integration

Apply Google Maps above contact page form
Change custom sizes of your map
Set sidebar or full width of your contact page

MAILCHIMP for newsletter
W3 Total Cache plugin support
Yoast SEO plugin support
WP Supercache plugin support

CraftCoffee WordPress Theme