WooCommerce, e-commerce plugin for WordPress

How to Get Rid of Links to WooCommerce Single Product Page

I’ve recently come across an interesting question on the WordPress.org Themes and Templates Support Forum about how to remove the links to the Single Product page that wrap each product on the Shop page of the Storefront theme.

Storefront is a very popular theme by WooThemes designed to work tightly with WooCommerce. WooCommerce is a powerful free e-commerce plugin for WordPress, originally developed by WooThemes and later acquired by Automattic, the company behind WordPress itself.

In actual fact, the simple method I’m going to illustrate here to answer this question should work with most WooCommerce-powered themes, since the code won’t concern the Storefront theme at all. Rather, the snippet I’m going to provide here acts on the output of the WooCommerce template that manages the markup of the Shop page.

If you’re interested in this result, here’s what you need to do.

Continue reading

CodePen code sample for CSS3 Feature Queries

Clever CSS3 with Feature Queries

If you thought CSS is only good for making a website look pretty, think again.

With CSS3 @supports rule, CSS can now query the browser about what it can and can’t support.

If you’re interested to know more, here’s my latest post on SitePoint to show you exactly that:

An Introduction to CSS’s @supports Rule (Feature Queries)

Web Design Trends for 2016 - Creative Market

My Take on Web Design Trends 2016 for Creative Market

Exciting new developments in web technologies lead me to believe that more originality and immersive story telling will make the web more beautiful in 2016.

Here’s my first article for my favorite place for graphic assets, Creative Market:

Top Web Design Trends for 2016

featured products slider in woocommerce

WooCommerce Featured Products Slider (No Code)

In my previous tutorial, I showed one way you can add a slider showcasing featured WooCommerce products on a Twenty Fifteen child theme.

In this video, I’d like to show you how you can quickly add a products slider without any code from the Admin panel of your WordPress installation.

Continue reading

featured products slider in woocommerce

How to Code a WooCommerce Featured Products Slider in Your Theme

If you’re curious about how to add a slider showcasing Woocommerce featured products on the shop page of your theme, you’re in the right place.

The slider I have in mind is not a WordPress slider plugin, but a desktop and mobile optimized jQuery plugin called bxSlider, designed and built by Steven Wanderski.

Continue reading

WordPress.org Doingitwrong theme

Become the Best by Learning from the Worst

There’s one practical, fun way of becoming a better WordPress theme developer and WordPress.org theme reviewer at the same time. Have you heard of the doingitwrong theme?

It’s a theme where anything you shouldn’t do in a theme gets done. The WordPress.org theme review team has made it available as a learning resource: doing it wrong teaches you how to do it right.

You can learn more on how to use the doingitwrong theme on my latest article for SitePoint.

Introducing REST APIs

The #1 learning resource on WordPress REST API. Not to be missed for all WordPress theme developers.


Welcome back to our tutorial on building themes with JavaScript. In part one, we considered the JavaScript web landscape and looked at where we are today. I suggested that while JavaScript lets us render content in new and interesting ways, there are challenges when it comes to fetching the content in the first place.

Watch the video presentation or read the written transcript below.


Demo Materials

You’ll find accompanying material for this screencast available in a public GitHub repo — each screencast has a corresponding folder with very simple theme that can be activated.

Time for a REST

With traditional WordPress themes, we’ve been able to use all manner of loops and custom queries to get data. In shifting our approach to be less PHP-centric, where will our data come from?

The missing piece of our puzzle is a REST API, essentially an HTTP interface for getting data from…

View original post 1,034 more words

Responsive Web Design

My Article about Responsive Web Design on HowToGetOnline

If you have a responsive website for your business, that’s great! But, if you’re curious to know how to take full advantage of its power to better serve your customers, here’s my latest article on HowToGetOnline.guru:

A Guide to Responsive Web Design & Best Practices

Image courtesy of Bo-Yi Wu on Flickr