Our Themes Have WooCommerce Support

The only WordPress newsletter you need Join 1000's of fans and customers just like you. Always awesome and never spam.

Email*

Name

This field is for validation purposes and should be left unchanged.

Δdocument.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );

gform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https://slocumthemes.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_2').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_2');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_2').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_2').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_2').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_2').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_2').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_2').val();gformInitSpinner( 2, 'https://slocumthemes.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [2, current_page]);window['gf_submitting_2'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_2').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_2').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [2]);window['gf_submitting_2'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_2').text());}else{jQuery('#gform_2').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} );

We always strive to provide the best quality themes on the market.

You always strive to sell the best products on those themes.

With our most recent update to both our free and pro themes, we have included WooCommerce support (a feature previously only supported by Capture Pro). Find out what that means and what you get with the WooCommerce support.

What does WooCommerce support MEAN?

This is not a literal ticket support on issues with WooCommerce. It also does not mean that you get WooCommerce with the theme (WooCommerce is a free plugin and can be found here).

What this does do is give our themes the ability to work fluidly with WooCommerce, a plugin that will not play nice with themes out of the box.

When a theme is built, many plugins are not immediately compatible with it. They may have buttons or a display that is specifically designed by the plugin developer. Sometimes the development of the plugin can interfere with the layout of a website.

WooCommerce falls under this category of plugin, but the new updates to our themes ensure that this experience doesn’t happen again. Our themes are WooCommerce-ready if you will.

There are a lot of small changes and tweaks to our themes’ code that have been made to provide the ultimate WooCommerce experience on a fresh install of the plugin. Here is a list.

The right layout for WooCommerce

Previously, WooCommerce sidebars did not play well with themes. We adjusted the area for shop pages so that the proper sidebar on your website displays and in the right place.

You want your shop page to look as polished as possible, and this certainly helps.

Display 12 Products per page

On our themes, the proper display is 12 products per page, as it is an even and easy to sort number of items for a page. This actually goes against defaults set by WooCommerce, so we modified code to allow you to view the optimal amount of product.

Typically, WooCommerce will show 10 products per page, but on most displays this can be a strange number. 12 products is the proper amount and our new shop pages reflect that.

Button color changes

On some of our themes, like Capture, we have also adjusted the styling to more closely resemble the look of the theme. As you can see from the buttons on the before and after pictures, sometimes the buttons can be a bit jarring.

In the screenshot, you will notice that the text display and pricing button have been styled to match the look of our theme out of the box.

There was no user input or navigating of settings to be found.

CSS adjustments for WooCommerce

We have made some smaller tweaks to the CSS styling of our themes to better contain and display WooCommerce as well. These are general fixes that allow the device to look

WooCommerce thumbnail images are not blurry

Another common complaint that both we have and many customers have is how blurry thumbnails can look on WooCommerce. We have adjusted our tech so that the blurry images are corrected on your website.

Make your products look as appealing as you know they are!

Install and set up WooCommerce

If you need help setting up WooCommerce, you can follow this resource we released to sell photography on WooCommerce using our Capture theme. This process can be used for selling most products out there.

If you need more help selling with WooCommerce, leave a comment below or reach out to us.

Don’t leave yet!

We also updated video playback on our themes

Have you ever noticed that your embedded YouTube, Vimeo or other service’s videos look funky on mobile devices?

We did too.

Thankfully, developer Chris Coyier created a wonderful Javascript tool called Fitvids.js, which smartly resizes videos to display properly on tablets, smartphones, and “phablets.”

Long story short, our pro themes now come with this support built right into the code.

No extra work on your end.

Videos that look great all of the time. If you are serious about showing video content (and you should be, as it is the most engaging form of interaction) then having fitvids.js support alleviates these headaches.

We hope that you enjoy our content. If you decide to make a purchase after clicking on one of our affiliate links, we’ll earn a small commission at no extra cost to you. Thanks for reading! View our Affiliate Disclosure

Share Tweet Share