Welcome to ShopKit!

All in one theme for WordPress and WooCommerce

Please read the full documentation and watch full video guide to use the theme properly! Thank you!

Visit Mihajlovicnenad.com

Welcome to ShopKit!

Thanks for purchasing the all new, awesome template for WordPress! We're starting small, but have big expectations. Read the full guide to find out about the package. We're really doing our best to get you the greatest tools for WooCommerce, if you want to contact us visit Mihajlovicnenad.com and tell us how to be even better! Thanks!

Change Log - ShopKit for WooCommerce 1.5.2 - 27. September 2018.

+ fixed pages/posts now have default sidebar as their first saved option
+ plugin updates

ShopKit for WooCommerce 1.5.2 Current Plugin Versions

+ WooCommerce Product Filter 6.6.1 UPDATED
+ Autopilot SEO for WooCommerce 1.0.1 NO UPDATES
+ Product Loops for WooCommerce 1.1.2 UPDATED
+ WooCommerce Frontend Shop Manager 4.1.1 NO UPDATES
+ Improved Variable Product Attributes for WooCommerce 4.4.1 NO UPDATES
+ Improved Sale Badges for WooCommerce 3.2.1 NO UPDATES
+ Warranties and Returns for WooCommerce 4.1.1 NO UPDATES
+ Share, Print and PDF Products for WooCommerce 2.1.1 NO UPDATES
+ Newscodes - News, Magazine and Blog Elements for WordPress 2.3.0 NO UPDATES
+ Widget and Sidebar Customizer for WordPress 2.0.1 NO UPDATES
+ WPBakery Page Builder for WordPress (formerly Visual Composer) 5.5.4 NO UPDATES
+ Ultimate Addons for WPBakery Page Builder (formerly Visual Composer) 3.16.25 NO UPDATES
+ Revolution Slider 5.4.8 NO UPDATES

+ WooCommerce Support → 3.4.5

+ FULL PLUGIN UPDATES AND CHANGE LOG - CLICK HERE

1.1 Introduction to ShopKit

For the best experience please read the documentation and check the guide videos.

ShopKit is the most complete theme for WooCommerce available. All plugins are included and are synchronised beautifully. Not a single atom of energy will be lost to plugin integrations, they all work as expected straight out of the box. Part from this ShopKit has advanced theme options for creating unlimited elements in your header and footer sections, with resolution and page dependant visibility settings. Content areas can have up to 4 sidebars. These also can be configured in any way and have too the visibility settings. All this is fully styleable with fonts and colors, backgrounds and styles. This makes ShopKit the ultimate theme there is. Any design, any layout can be recreated using it. Best practices, HTML5, CSS3 animations, JavaScript at minimum, LESS/CSS generated on theme save will make it the fastest theme available too. Main ShopKit features:

ShopKit Features #1

  • Super Fast, Super Light! Theme includes only 1 LESS generated CSS file and ~3kb of JavaScript!
  • Included Exclusive Plugins! Everything from Mihajlovicnenad.com + Visual Composer, Ultimate Addons for Visual Composer and Revolution Slider! That’s almost $294 in total value!
  • Unlimited sections and UI elements in header and footer. All styleable with 500+ fonts, colors and backgrounds, resolution/device or page dependent! “Can I add this here?” will never be asked again
  • Best responsiveness ever. With all sections and elements having visibility checks for mobiles/laptops/desktops, systems behind the element align and our non-JavaScript layouts, your web shop on mobile/handheld devices will look like a native app
  • Child themes for best practices. We’ve packed 3 child themes that automatically set the options when installed. Demo content is included and can be installed with a single click

ShopKit Features #1

  • Mihajlovicnenad.com exclusivly included plugins! WooCommerce Product Filter, Frontend Shop Manager, Improved Variable Products and Sale Badges, Warranties and Returns, Share Print & PDF, Newscodes, Newscodes WooCommerce Extension and Widget and Sidebar Customizer
  • Up to 4 sidebars in the content area with separate width and mobile/laptop/desktop visibility settings
  • Custom CSS for responsive resolutions too! Set your custom CSS based on the device layout display. Write CSS for mobiles, tablets or laptops and desktops separately
  • Great WooCommerce support! 5+ years of experience in WooCommerce coding
  • Still not convinced? We support this too! How about a private forum here https://mihajlovicnenad.com/support/ Just connect with your Envato account and our staff will be with you right away

1.2 Child Theme/Theme Installation

This section covers the first steps when using ShopKit. Please read it thoroughly now to avoid problems later.

Very Important - ShopKit is properly installed *only* using Child Theme! - Read more, why and how →

Installing a Child Theme is the same as installing a theme. The difference is that you will install two themes instead of one. The original theme ShopKit and the Child Theme that you want to use with the extra settings. Child Themes included in the ShopKit package are Flat, Creative and Material. Check demos here and choose your Child Theme.

Why Child Theme?

Child Theme is just a pre-setup for the specific layout used with the original ShopKit theme. Included Child Themes in the ShopKit package are Flat, Creative and Material. If you start ShopKit without any Child Theme, you'll get a default settings (Material Child Theme Settings). We always recommend using a child theme. Just choose your layout Flat, Creative or Material and proceed with the installation. Don't worry about choosing your Child Theme now, as you're able to switch between Child Themes without loosing any settings. Demo content will also be installed for all Child Themes!

Step #1

ShopKit Theme and Child Theme Installation

Follow the steps bellow to install ShopKit from the WordPress Dashboard.

This process requires working WordPress installation. More about installing WordPress is written here.

  • Navigate to Appearance > Themes
  • Click Add New button and then the Upload Theme button. Locate the main ShopKit file shopkit.zip and click Install Now button
  • The installations should be done quickly, you can watch the upload progess in your browser status bar
  • IMPORTANT - USE A CHILD THEME
  • Even you can now activate the theme, the best practice is to use a Child Theme. Choose your child theme Flat (shopkit-flat.zip), Creative (shopkit-creative.zip) or Material (shopkit-material.zip) and repeat steps 1 and 2 to install the Child Theme of your choice
  • Navigate to Appearance > Themes
  • Click Add New button and then the Upload Theme button. Locate the Child Theme file shopkit-YOUR-CHOOSEN-CHILD-THEME.zip and click Install Now button
  • Now, you've installed the ShopKit theme and the Child Theme to use with it
  • Activate the Child Theme to start using ShopKit!
  • ShopKit is now ready to use! Check the theme options by navigating Appearance > ShopKit

Step #2

Included Plugins and Extensions Installations

Follow the steps bellow to install included plugins and extensions from the WordPress Dashboard.

This process requires completed Step #1.

  • Navigate to Appearance > Install Plugins
  • In this page a list of included plugins and extensions is shown. Install and activate the plugins you need and will use. To run a smooth good shop site you'll need to keep your extensions tidy. We guarantee that these will all work together and as expected. Don't add more plugins on top of this to run smoothly for years to come. Also, what isn't used shouldn't be installed at all, to prevent hacker attacks on non-maintained software
  • To install any of the plugin, click the Install
  • To activate an installed plugin, just click the Activate button
  • For more information on plugins and their use visit the Plugins Section

1.3 One-Click Demo Installation

Best demo install ever. Single click, without pre-setup, any installation.

By now ShopKit is installad properly as described above. Demo installation requires a clean WordPress installation as all previous settings will be lost. The required plugins for Demo Installation are WooCommerce, WooCommerce Product Filter, Visual Composer and Ultimate Addons for Visual Composer. Demo is installed for the Improved Variable Product Attributes too, but this plugin is not required for demo installation, so it's up to you will you use it. When all required plugins are active and ShopKit is installed properly using a Child Theme, navigate to Appearance > ShopKit > Demo. The only button you can click is the Install Demo Content button. Once clicked the demo process will start. It needs some time to finish all up, but no worries, the progress bar will inform you of the process. When the demo is installed, your site will have the same exact content as seen on the demo site here for the Child Theme you're using. If you switch to other child themes your Demos will be there too. This is great as you can create as many child themes you need and still have all the settings and content when switching. Happy ShopKitting.


Upon Demo Installation

Demo Content was made for the 2.6.x WooCommerce. To ensure you have the Demo Content properly installed on your current WooCommerce release (at the moment 3.0.x) upon Demo Installation use the WooCommerce Database Updater. In your WP Dashoboard a WooCommerce data update notice will appear. Click the Run the updater button.

2. Guide Videos

All function guides in short video form! They're worth gold!

2.1 Theme Install and One-Click Demo Video

The video guide for proper ShopKit installation. This should be the first thing checked!

The quick video that follows the installation scenario. If you prefer to watch, take a look here! All steps one by one, with the One-Click Demo installatio preview.

2.2 Header and Footer Element Sections

Unlimited header and footer elements! With resolution and page dependant settings.

This is what ShopKit is all about. Fully settable elements, widget areas, content areas with shortcodes/html. All styleable, with fonts, colors, backgrounds. Recreate any look with the ShopKit theme.

2.3 General Theme Settings

General theme settings, content and sidebar quick overview!

Find out what all is possible with the ShopKit in this quick overview video that shows the ShopKit General options panel.

2.4 Short Video - From scratch to a cool site!

The power of ShopKit shown to you in a quick E-Commerce Shop making video.

From scratch to a cool site! Prepare to ba amazed in a few minutes. Anyone can do this!

3. Plugins

ShopKit is the full pack when it comes to plugins!

The awesomest pack that no one can beat. Check these extensionsm their demo website, sdocumentataions and guides to use the ShopKit in full power!

4. Theme Extras

Special guides that will cover even the edge-case scenarios!

4.1 Element conditional visibility

Special conditions to use when defining element's visibility options

Each and every element created via Appearance->ShopKit->Website Elements, has an Visibility settings panel(ie. Appearance->Top Bar). You can now use first option - element Display Condition, to display said element only if special condition is met.

Examples - Common conditions - No parameters:

is_shop

Condition will be met if user is on the shop page.

is_404

Condition will be met if user is "Not Found" page.

Examples - Common conditions - With parameters:

is_product_category:shirts,computers

Condition will be met if user is on the Product Category archive page(WooCommerce), where product category slug is either "shirts" or "computers".

is_author:admin,mike,alexandra

Condition will be met if user is on an post or page whose author username is either "admin", "mike" or "alexandra".

Examples - Multiple conditions:

is_product_category:fashion&&is_rtl

Condition will be met if user is on the Product Category archive page, selected product category's slug is "fashion" and the current locale set read from right to left.

Examples - Custom conditional tags:

With both WooCommerce and WordPress conditional tag lists provided, you can also write your own conditions in functions.php file in your child theme. Simply write an function that will return true or false values based on some conditions you want met, and use the function name as the Display Condition option.

Conditional Tags Sources

You can find full lists of available conditional tags for both WooCommerce and WordPress available on their respective websites.

Examples - Custom function:

// functions.php file
function computers_rtl_dir() {

	if( is_product_category('computers') && is_rtl() ) {
		return true;
	} else {
		return false;
	}
	
}

Given condition will be met if user is on the category archive page, where tag slug is "computers", and the current locale set read from right to left. Now, to use this custom function as condition in ShopKit, simply use function's name.

computers_rtl_dir

4.2 Sidebar layouts

ShopKit allows you to create sidebar layouts, and use conditional tags from WordPress/WooCommerce, or even custom conditions, to choose which sidebars will be used on which pages on your website!

Up to four sidebars are allowed on each page, two on the left and two on the right hand side. Each of the sidebars can be enabled or disabled, width is customizable, and you can also set each particular sidebar visibility options, so that they're active only on some screen resolutions.

When you navigate to Appearance->ShopKit->Sidebars, after the list of settings for your sidebars, near the bottom of the page, you'll see Create Sidebar Layouts section. When new sidebar Layout is created, for each of the enabled sidebars for said layout, one sidebar section will appear in Appearance->Widgets.

Sidebar layouts order

Note that sidebar layouts order matters, because only one sidebar layout can be used at any given time. First sidebar layout that meets the condition under Sidebars Display Condition option will be used, while other layouts will be ignored.

Examples - Sidebars Display Condition:

is_product||is_cart||is_checkout||is_account_page

Given condition will be met if user is either on a single product page, cart page, checkout page or on an account page.

is_archive&&is_tag:news

Given condition will be met if user is on a tag archive page, where selected tag's slug is news.

Examples - Sidebars Display Condition - Custom Condition:

// functions.php file
function news_rtl_dir() {

	if( is_product_tag('news') && is_rtl() ) {
		return true;
	} else {
		return false;
	}
	
}

Given condition will be met if user is on a tag archive page, where selected tag's slug is news, and the current locale set read from right to left. Now, to use this custom function as condition in ShopKit, simply use function's name - news_rtl_dir - as your Sidebars Display Condition option value.

4.3 Collapsible sections and custom triggers

It's never been easier to create sections that would collapse or expand on a click of a button, or even with a custom trigger!

With each created section via Appearance->ShopKit->WebSite Elements, there's Collapsible options tab within, which you can use to allow your website visitors to hide/expand a whole section with a click of a button. There are two ways to allow for a section to be collapsable: with pre-made buttons and with custom triggers.

Pre-made collapsable types will cover most of the use-cases, where you want to allow for an section to be hidden or shown on a click of a button.

Example: Show Cookie Notification

  • Create an element via Appearance->ShopKit->WebSite Elements, set title to ie. Cookies, and set section type to Content Text/HTML/Shortcode
  • Navigate to Appearance->Cookies, type some text in Content area, and click on Collapsible tab
  • Set Type option to Collapsible with dismiss icon

Example: Collapsed Extended Menu with Custom Trigger

  • Create an element via Appearance->ShopKit->WebSite Elements, set title to ie. Extended Menu, and set section type to Widget Section
  • Navigate to Appearance->Extended Menu, add new row, pick one of the designs and save settings.
  • Navigate to Appearance->Widgets, and add some widgets to newly created Extended Menu * sidebars
  • Navigate to Appearance->Extended Menu->Collapsible(tab), set type toCollapsed with Custom Trigger
  • Set Type option to Collapsible with dismiss icon

5. Support?

If something goes wrong check this section. Contact the support and we will help!

5.1 Where to get support?

If everything else fails you can surely get support!

When everything else fails and nothing seems to be right, just visit our support pages, you can always ask for the advice from our agents at Mihajlovicnenad.com Support Pages. Visit this link and click the button Connect with Envato. To get the support you will need to have an Envato/Themeforest account you have purchased the plugin/theme with, a valid license and a valid support period for the item you will be asking support. When the button, Connect with Envato, is clicked the site will automatically get your purchased products and their support periods. Once logged you can use the Submit Ticket button to open a new ticket. An agent will shortly reply. Please be a bit patient with your requests, we kindly answer everyone in a short period of time. Another way to ask for support is to post a question in the Item Comments Section. Always make sure to have a valid support period and license otherwise your request might just be ignored. If you email us about support via our profile page you will be kindly asked to open a support ticket at Mihajlovicnenad.com Support Pages or we will even ignore this request, as we are not answering support question via our profile page contact form. Read more about what item support inludes at Themeforest Support Policy Pages. We kindly ask you to avoid questions about customizations or installation in all cases. Read the documentation, watch the full guide video and check the FAQ section before contacting! Thanks!

5.2 Theme author and contact / Mihajlovicnenad.com

Hard work and dedication stand behind the !

ShopKit was developed by Mihajlovicnenad.com!

5.3 Older Announcements and Change Logs

If you have missed some of these, please check now as it might be useful!

Change Log - ShopKit for WooCommrce


						+ ShopKit for WooCommerce 1.5.1 - 21. September 2018.
						+ added Autopilot SEO for WooCommerce plugin!
						+ added initial gutenberg support
						+ fixed sizeof class-woocommerce.php errors with PHP>7
						+ plugin updates

						+ ShopKit for WooCommerce 1.5.0 - 11. August 2018.
						+ updated all plugins
						+ added target="_blank" for social network elements
						+ updated and improved documentataion
		
						+ ShopKit for WooCommerce 1.4.4 - 24. May 2018.
						+ fixed wc_maybe_store_user_agent() fatal error when registering or login
						+ fixed rtl zoom icon on product pages problems
						+ fixed blurry cart images

						+ ShopKit for WooCommerce 1.4.3 - 5. May 2018.
						+ added a brand new plugin! Product Loops for WooCommerce is here!
						+ updated Mihajlovicnenad.com plugins and Revolution Slider

						+ ShopKit for WooCommerce 1.4.2 - 21. April 2018.
						+ fixed variable product add to cart button in quick views, scripts not active

						+ ShopKit for WooCommerce 1.4.1 - 31. March 2018.
						+ updated Mihajlovicnenad.com plugins!

						ShopKit for WooCommerce 1.4.0 - 18. March 2018.
						+ fixed support for category and product columns ShopKit settings WooCommerce 3.3.3 bugs
						+ fixed quickview close on ios/safari
						+ fixed related/upsells columns bugs support
						+ fixed remove item from cart issues/bugs
						+ fixed required comment fields validation bugs and issues
						+ fixed related/upsell images to suit the new WooCommerce 3.3.3 high standards
						+ fixed columns issues in mobile views, now any column cofiguration, for products or widget areas, will at <480px display as fullwidth (don't forget to recompile your site CSS by saving the theme options!)
						+ improved documentation with new tips&tricks

						ShopKit for WooCommerce 1.3.4 - 9. February 2018.
						+ added new button style hued-3d
						+ fixed cart element issues on adding/removing items from cart
						+ fixed google+ element icon, and added more icons youtube, vimeo, instagram, skype, behance and dribbble
						+ fixed couple of deprecated functions still used (wc 3.3.x bugs)

						ShopKit for WooCommerce 1.3.3 - 8. January 2018.
						+ updated PF and IVPA plugins

						ShopKit for WooCommerce 1.3.2 - 20. December 2017.
						+ fixed rtl support, re-save your settings to compile the new CSS file!

						ShopKit for WooCommerce 1.3.1 - 12. December 2017.
						+ added visible only in sticky header for sections
						+ added round product loop style
						+ added separate contols for custom product column and row margins
						+ fixed missing post format setting and issues with featured images
						+ fixed sticky header outer animation
						+ fixed woocommerce cart hover bugs
						+ fixed hidden color input field in admin area
						+ fixed .shopkit-menu img bug
						+ fixed loop animation
						+ fixed wrapper, header and footer background-color bugs
						+ fixed widget section custom column and row margin responsive issues
						+ fixed responsive menu selected bugs
						+ adjusted theme design for dark content background, demo pages will be updated too in some of the next releases

						ShopKit for WooCommerce 1.3.0 - 17. November 2017.
						+ added sticky menu! unlimited options + visibility for sticky elements!
						+ added hued button style
						+ added filter for adding custom font to shopkit shopkit_supported_fonts
						+ fixed smooth scroll 1.2.x issues
						+ fixed shop page content/description bugs with style
						+ fixed deprecated WC_Cart::get_checkout_url(), WC_Cart::get_cart_url() notices
						+ fixed closing of cart and login elements on safari
						+ reworked cart and login elements for sticky menu support

						+ ShopKit for WooCommerce 1.2.3 - 3. October 2017.
						+ fixed element visibility 1.2.2 more issues, now all should be fine

						+ ShopKit for WooCommerce 1.2.2 - 28. September 2017.
						+ fixed element visibility settings default option bug still present

						+ ShopKit for WooCommerce 1.2.1 - 21. September 2017.
						+ fixed element visibility settings default option bug
						+ fixed checkout/cart/order CSS for variations and options
						+ fixed demo install WordPress 4.8.2 issues

						+ ShopKit for WooCommerce 1.2.0 - 17. August 2017.
						+ fixed saving options mandatory fields LESS/CSS compile errors with menu elements
						+ fixed ul,ol tags in product content
						+ fixed CSS issues with dark backgrounds, fonts and buttons
						+ fixed CSS white text and input, select, textarea fields, WooCommerce notices
						+ fixed variable products quickview selection without IVPA plugin bugs
						+ fixed demo https/http switch and bad URLs
						+ fixed WooCommerce not initiated options, resulting in 1 column bug

						+ ShopKit for WooCommerce 1.1.0 - 20. June 2017.
						+ added jquery-confirm.js
						+ fixed layout element cart responsive
						+ fixed cart page responsive
						+ fixed checkout CSS responsive troubles
						+ fixed login and register responsive
						+ fixed box-shadow on products hover, added _fade-force-shadow.less, _zoom-fade-force-shadow.less effects
						+ fixed saving options mandatory fields LESS/CSS compile errors
						+ fixed demo videos
						+ fixed demo install media_sideload_image notice
						+ fixed spelling login/registration element
						+ fixed quickview button loading animation
						+ fixed quickview add_to_cart not disabled before selection ivpa/check default
						+ fixed variation price style
						+ fixed multiple action add to cart product button bugs
						+ fixed buttons font-family issues
						+ fixed tgmpa activation error wp 4.8
						+ fixed jshint.com all scripts

						+ ShopKit for WooCommerce 1.0.0 - 4. April 2017.
						+ initial ShopKit 1.0.0 release! cheers to that!