KhalidAlmallahi/Change-Number-of-Products-per-Row-WooCommerce-Shop-Page

Stars
1
Language
PHP
Created over 4 years ago
Updated over 4 years ago

KhalidAlmallahi/Change-Number-of-Products-per-Row-WooCommerce-Shop-Page

KhalidAlmallahi

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

By default, WooCommerce displays 4 products per row in the shop page. This is nice for almost any ecommerce website, however in certain cases you might want to change this setting in order to show full-width products (a.k.a. one product per row). In this post we’ll look at the alternatives you have in regard to changing this setting, and also some CSS adjustments to make the 1-product-per-row shop page look better. Enjoy!

Search-by-sku-Woocomerce

WooCommerce-Product-Reviews-Shortcode

WooCommerce product reviews shows by default in the “Reviews” tab in the single product page. But what if, like me, you’re using custom sales pages and need to show such reviews elsewhere – by using a shortcode? I’ve spent some time doing this for two Business Bloomer pages, the contact page (beside the request a quote form) and the Bloomer Armada sales page (just above the pricing table), so I thought it would have been great sharing the snippet with you. Enjoy!

Rename-a-Breadcrumb-Item-in-WooCommerce

Add Prefix to Category @ WooCommerce Breadcrumb

Change-Autofocus-Field-Checkout

Change Autofocus Field @ Checkout

Rename-Add-to-Cart-Button-if-Product-Already-WooCommerce-Cart

Rename “Add to Cart” Button if Product Already @ WooCommerce Cart

WordPress

kotsh-css

Kotsh is a free and very simple CSS Framework for developing responsive & modern websites.

Dispatch-Date-WooCommerce-Single-Product

Dispatch Date @ WooCommerce Single Product

Add-a-Downloadable-File-for-All-Users-My-Account-Page

what if you wanted to grant at least a default download file to all your customers?

Full-Width-Featured-Image-in-Single-Product-Page

The standard layout for the WooCommerce single product page features the main/featured product image on the left and the title/add to cart on the right. But what if you need to turn that image into a hero one i.e. a full width featured image, and push the title and add to cart button under it?

Display-Dispatch-Estimated-Delivery-Date-Single-Product-Page

A good way to inform online customers and avoid issues is showing the estimated delivery / dispatch time on the single product page, just below the “Add to Cart” button. Yes, you could do that manually by adding shipping info to each product short description, but the goal of Business Bloomer is to learn how to code that instead, so you won’t need to write things manually. Also, this is great because if you change something in your dispatch rules, you just need to change the short PHP snippet and not all your product descriptions. It’s much more flexible this way. Finally, in this post we’ll learn how to work with cut-off times (hour of the day) and current day of the week (pure PHP), so that we can show a “dynamic” notice based on current date. So, let’s see how it’s done!

Hide-or-Rename-a-My-Account-Tab-WooCommerce

Many WooCommerce websites don’t need the “Downloads” tab in the My Account page. Or maybe the “Addresses” tab needs to be renamed into something more user-friendly 🙂