Enable Lightbox and Extra Media Functionality to WooCommerce 3.0 Themes

I upgraded a WooCommerce site using the theme Wp Portfolio and all my products started opening images in new tabs rather than a lightbox.

First I made sure my theme was updated, but it made no difference. So, naturally I started searching Google for answers. It turns out that WooCommerce 3.0 added new/different media functionality which removed the old lightbox and most WooCommerce geared themes haven’t been updated to use the new functionality.

In order to enable the new media functionality on my WP Portfolio theme I edited the functions.php file by finding the add_action(‘after_setup_theme’, ‘wp_portfolio_setup’); line and add the following three lines below it. (Your line will have wp_portfolio replaced with your themes slug instead.)

and the functions.php will look like this:

giving your WooCommerce store functionality like this:

Enjoy your newly working Zoom features and fixed Lightbox functionality! Don’t forget to bug your theme developer to update their theme release with the new WooCommerce 3.0+ media functionality!

Default Windows IIS WordPress web.config XML

Recently I was migrating a test site from a Linux/cPanel based web-host over to a Windows Server running IIS. After migration, none of the site’s pages or posts worked and all returned 404 errors.

I’m familiar with .htaccess files causing 404 problems so I knew that was probably the issue, and since this was now on a Windows server I knew it had to be the IIS equivelant file “web.config” causing problems. Upon further investigation I realized there was no web.config file at all even though I was used to it always being there after setting WordPress up through IIS. Since I’m using Server 2016 for the first time, perhaps things are different and web.config files aren’t created automatically any longer.

Either way, my problem was solved by adding this XML to a newly created web.config file in the site’s root folder:

Now pages and posts are working properly and pretty permalinks are functioning as they should! Note: If “URL Rewrite” is not installed then it will need to be first in order for this to work.

eBay-STW-5-inch-USB-3-Card-Reader-JSnowCreations

STW Internal 5.25″ USB 3.0 CF/XD/MS/M2/TF Card Reader Review

I ordered a multi-card reader from eBay a few months back when I was moving my workstation’s internals to a new ATX case. I wanted a new case so I could use the old case to fix up my media-server pc that was in a very old case that was missing it’s side panels! 😛

The new case I ordered was black ZALMAN Z11 Plus ATX Mid Tower computer case with a mesh front panel so I wanted a 5.25″ card reader that was at least black, but mesh would be even better. At first I found this NZXT 5.25″ multi-card reader at Amazon for $80 but that was a bit out of my price range. Plus, I saw many other card readers for far less so the price seemed pretty ridiculous to be honest.

Then I was on eBay and found this listing for a STW 5.25″ USB 3.0 Port CF/XD/MS/M2/TF Smart Internal Card Reader PC Front Panel U3B6 from Hong Kong for $12 and it looked almost exactly the same as the same as the expensive NZXT on Amazon except for smaller card slot labels, a different logo, and only one USB 3.0 port instead of two. Since my case already had 2x front USB 3.0 ports I was perfectly fine missing a port and going with the eBay knock-off because a SD card reader is all I was really looking for.

eBay-STW-5-inch-USB-3-Card-Reader-JSnowCreations
STW 5.25″ USB 3.0 Multi-Card Reader

Here we are months later and I’ve successfully read and wrote to many SD and XD cards without a problem using the STW Card Reader. I regularly use the USB 3.0 port to quick charge my Galaxy S5 as well as transfer files back and forth – it works as fast as it should be so I can’t complain there either! I’ve also used both a Memory Stick PRO and a Memory Stick PRO DUO without any problems, but mainly just because I had some laying around from old digital cameras and wanted to check if my knock-off NZXT card reader would actually read/write them.

eBay-STW-5-inch-USB-3-Card-Reader-box-JSnowCreations
STW 5.25″ USB 3.0 Card-Reader Box

The plastic sides where you screw the STW Internal 5.25″ USB 3.0 CF/XD/MS/M2/TF Card Reader to the case are probably lower quality than the NZXT reader, but it works and looks good so I’d definitely recommend it to other people wanting a 5.25″ multi-card reader, especially if your case is black mesh like my Zalman Z11 Plus!

More STW Internal 5.25″ USB 3.0 CF/XD/MS/M2/TF Card Reader Images:

This slideshow requires JavaScript.

Setup Steps for Single NIC Hetzner Root Server, ESXi, and pfSense.

  1. Order a Hetzner Dedicated Root Server with no operating system, called a “Rescue Server”.
    1. Purchase an add-on IP address for the server and request a separate MAC address for it.
    2. Request a LARA Console session from Hetzner with a VMWare ESXi installer USB inserted in the server.
    3. Once LARA Console is started and you are connected, set up RAID on your hard drives if you are going to use it.

  2. Install ESXi to Hetzner root server, in ESXi Developer Tools enable SFTP or SSH.
    1. Transfer your pfSense installation image and other guest operating system images to the server datastore.
    2. Login to the ESXi host control panel using the vSphere Client or Web UI.
    3. On the Configuration tab of the ESXi host, go into the Networking settings.
    4. Create a new Standard Switch, name it “vSwitch1” by default with it’s network named “VM Network 2”.
      (So now you should have a vSwitch0 on VM Network and vSwitch1 on VM Network 2.)

  3. Create a virtual machine named “Router” on the ESXi host with 2 NICS, 1 Core, 1GB RAM, 8GB HDD, OS set to “Other”, and choose FreeBSD OS.
    1. Assign one of the Router virtual machine NICs to “VM Network” and the other to “VM Network 2”.
    2. Assign a CD/DVD Drive to the Router virtual machine and point it to the pfSense image transfered to the datastore.
    3. Power on the Router Virtual Machine and install pfSense with all the default settings.
      (You will end up with one NIC acting as WAN using your Hetzner main IP and one NIC acting as LAN with no IP.)

  4. Create another virtual machine on the ESXi host with your desired main operating system and NIC on VM Network 2.
    1. Install your operating system to the “Main VM” and start it, you should have local network access but no internet access.
    2. Open the Main VM’s web browser and go to the pfSense UI url, which is http://192.168.1.1. by default.
    3. Login to pfSense with the default credenital “admin” and “pfSense”, start the pfSense setup wizard/walkthrough.
    4. When setting up LAN, choose the option to Spoof MAC Address and enter the MAC from the Add-on IP bought from Hetzner.
      1. (Do NOT manually set Static IP, use MAC Address Spoofing and ONLY enter the MAC Address… learn from my mistakes.)
  5. Restart the Router VM – the Main VM should now have a local IP, an external IP, and internet access!

That’s it! The process really is simple, the main bulk of time spent will be waiting on OS iso’s to transfer to the ESXi datastore plus a bit of time for the actual OS installations.

Please comment below with any questions, suggestions, or anything else!

Hetzner VMWare ESXi Install Over Lara Console Drive Redirection Error

I rented a rescue/root server from Hetzner and was attempting to install VMWare ESXi to it via LARA Console. After Waiting 45+ minutes for the .iso to transfer and load via Drive Redirection, the ESXi image booted successfully and the install process started.

Hetzner Root Server - ESXi Install Over LARA Console
Hetzner Root Server – ESXi Install Over LARA Console

Then, as my luck would have it, an error occurred with a crazy purple screen I had never seen before:

Hetzner Root Server - ESXi Install Over LARA Console Error
Hetzner Root Server – ESXi Install Over LARA Console Error

So what was the solution? Ask Hetzner to put a ESXi image on usb for you to use. 😀