Category: Code

How to Move from Etsy to WooCommerce

Solving Common Problems, and taking your shop to the next level – for free

I left Etsy about a year ago and I haven't looked back ever since. However, after leaving, setting up the new shop was no easy task, even though I am a web developer by trade and have set up quite a bit of WooCommerce shops during my day job. But – I had set out to write the full theme myself, even though I am not a Backend person and PHP and I do not get along to well, and also I didn't want to use any premium plugins (because I am greedy and obviously like to take more pride in my abilities than I sometimes should), did I manage to get all of my things set up how I wanted them without any premium plugins? Did I almost go crazy while tackling that? Was it oh so worth it in the end? Hell, yeah!
So let's look at how I did it.
Continue reading “How to Move from Etsy to WooCommerce”

background-image

Automated Discounts & Fees

Add or Remove Money based on Cart Data in WooCommerce

I haven’t written a proper nerdy post in a while, and since it took me quite a while to figure this out in a way that worked for my use case, I decided to get this all written up, in case anyone else here takes enough pride in their coding, that they just refuse to pay 150 bucks a year for a thing they can write up in under two hours.

What am I even talking about? Discounts and fees, based on the Items added in your cart. I’m not talking about applying some Coupon Code based on the Cart Information, but a proper positive or negative fee, that shows up as it’s own line in the Cart. Here’s how you do it.

Continue reading “Automated Discounts & Fees”

background-image

Sass image slider with text animation

A responsive image slider with textoverlay, without any JavaScript

A few months ago I showed you how to write an image slider with Sass only. A while ago I was asked to write a slider with text and animating that text as well. So I took the code and modified it to suit my needs. Today I wanted to sit down and write a post about it, because it has been a while, sorry for that.

Continue reading “Sass image slider with text animation”

background-image

A Responsive Multi-Level-Menu without JavaScript

Using the checked-hack to create a responsive dropdown menu

It’s been a while since I wrote something about doing JavaScript work with CSS. So I decided to create this responsive navigation using the :checked hack.

Continue reading “A Responsive Multi-Level-Menu without JavaScript”

background-image

Previous and Next Links within jekyll Collections

how a navigator for jekyll collections is written

If you want to add some navigation links within jekyll posts that bring you to the previous and next one, it’s a fairly simple thing to achieve, since all articles are found within the paginator. I’m showing you how to do the same thing for collections.

Continue reading “Previous and Next Links within jekyll Collections”

background-image

A sticky navbar for blogger that is not 100% wide

how to fix a blogger navbar without it having to be 100% wide.

I think the first thing I did using JavaScript in Blogger was wa sticky nav. For me this always meant a sticky nav that’s 100% wide. That’s pretty simple to accomplish, but what do we need to do, to make this nav only the width of the content, like we have it in pretty much all of the original blogger templates. With a little plugin a wrote a while ago, this will be done in minutes.

Continue reading “A sticky navbar for blogger that is not 100% wide”