• Skip to primary navigation
  • Skip to main content
  • Skip to footer

JH Tech Services

A knowledgebase

  • Portfolio
  • Knowledgebase
  • About

Portfolio

Marketing Refresh

Designed by Marketing Refresh, developed by JH Tech Services. This is a combination theme and plugin. The custom theme defines much of the styles and look while the custom plugin added Gutenberg blocks specific to this design and functionality.

Type: WordPress Theme
URL: https://marketingrefresh.com
Company: Marketing Refresh

A Shopify Custom Theme

Designed by Marketing Refresh, we took the design and created a custom theme. We started from “scratch” using Shopify’s Slate command line tool. To help us quickly get this theme up and running we used Bootstrap v4 as the base framework. We empowered the client to be able to easily customize the content by using sections and blocks that can be added, changed, re-ordered, and removed. Sidebars can also be added to pages and its content is made up of different kinds of blocks.

Type: Shopify
URL: https://allparts.com
Company: Allparts Music

Superior Shot Peening

Designed by Marketing Refresh, we developed this theme with the Genesis Framework. We incorporated a modular type backend experience using Advanced Custom Fields. Each ‘module’ is a type of section that can be added anywhere on any page. For example, one module we called the 2-column section. The client can choose different sizes of each column, background image, overlay color, overlay opacity, and much more. This type of modularity and flexibility is something we can expect more of in the future with Gutenberg.

We setup some 4 global sections that can be edited in a Theme Settings dashboard on the backend. These sections can then be selected by a dropdown and placed anywhere on any page.

Type: WordPress Theme
URL: https://superiorshotpeening.com
Company: Superior Shot Peening

Prism Rendering Theme

Marketing Refresh’s design team created this beautiful web design and asked us to develop it. We took the design and created for the client a one of a kind Genesis Child Template.

Type: WordPress Theme
URL: https://prismrenderings.com/
Company: Prism Renderings

A Photography Theme

Using a design from Marketing Refresh, we created this flexible, responsive Genesis child-theme for GittingsLegal. With its heavy inclusion of photographs, we incorporated a lot of lazyloading and ajax requests to keep the initial load as small as possible.

URL: https://gittingslegal.com
Company: GittingsLegal

A Pictorial Portfolio

Working with Travis McCarra design and static prototype, we developed this WordPress theme. We created a custom post type for their project portfolio. It allowed custom information and pictures to be added. The portfolio page is a beautiful design by Travis McCarra. We were able to develop his vision for its functionality. Projects can be filtered by clicking on the type. The projects photos are animated as the filtered projects are shown. Using javascript and ajax, images are loaded as needed to allow for faster page load.

Type: WordPress Theme
Company: Dally + Associates, Inc.

Gas Certification

Designed by Marketing Refresh, we developed this Genesis-child theme.

Type: WordPress Theme
URL: https://gascertification.com
Company: Gas Certification Institute
e-pdc website snapshot

PDC website

Using a design from Marketing Refresh, we created this flexible, responsive Genesis child-theme for PDC.

Type: WordPress Theme
URL: https://e-pdc.com
Company: PDC

Knowledgebase: Tips from the Field

Featured Articles

Adding Custom Checkout Fields to Woocommerce Checkout

To add custom checkout fields to Woocommerce checkout, we need to do three things: Add the custom fields to the checkout page form Validate the custom fields (optional) Save the custom fields to the order This article will give an example of each of these and then include an example of how to access these […]

Changing your image markup in WordPress

There are multiple ways to change the markup of your images, <img>, in WordPress. This article will show how we changed the <img> markup of WordPress posts so they can be lazy loaded. There are at least three (3) filters that can be used: ‘the_content’ filter to alter images in the post_content as they are […]

Using Vue.js to create a UI component for WordPress Part 1

A little background and introduction We needed to create a UI component on the edit screen of posts in WordPress. We wanted the user to be able to add location to a post by inputting in the address. We needed to geocode that address to latitude and longitude. Surely, there would be a plugin already […]

Using MongoDB and Sails.js with a basic one-to-many association

We are playing around with writing a Node.js app. We decided to use the Sailsjs framework around the Express engine. The basic app we are creating will be a basic one where we record ideas. We will use two simple models: idea and user. An idea will be associated with one user and a user […]

WordPress wp_enqueue_script() vs. wp_register_script()

Looking around for when <scripts> are focused on during the WP process, I found the following action hooks that are registered. // In default-filters.php of WP core add_action( ‘wp_head’, ‘wp_enqueue_scripts’, 1 ); … add_action( ‘wp_head’, ‘wp_print_styles’, 8 ); add_action( ‘wp_head’, ‘wp_print_head_scripts’, 9 ); … add_action( ‘wp_footer’, ‘wp_print_footer_scripts’, 20 ); … add_action( ‘wp_print_footer_scripts’, ‘_wp_footer_scripts’ ); First […]

Recent Articles

Using columns and flex to make a grid in Elementor

Take over the ‘submit’ event in the Elementor Search form

Menu items bold on hover without shifting

Adding tooltip to Woocommerce Variant photos

Javascript to parse Shopify CSV file and combine line item fields for import into Woocommerce.

Testing Gatsby

ACF Blocks – Gutenberg blocks the easy way

Bootstrap 4 file sizes

Adding Custom Checkout Fields to Woocommerce Checkout

PHPStorm and Gulp 4

node-sass error

Profiling/Evaluating WordPress site while developing using WP-CLI

More Articles

About

All things WordPress

Themes and Plugin development, PHP development, CSS/styling, content editing, Genesis Framework, WooCommerce, site migration, backup and restore, and troubleshooting.

Most things website development

Shopify Themes and App integration, CSS3, animations, git, gulp, HTML Email Campaigns, Twitter Bootstrap, responsive and mobile design.

A lot of things Javascript

whether it’s adding dynamic content, using JQuery, Vue, WP REST API

A little of everything else tech

MySql, grunt, Node, Windows, Linux and about 20 years of IT experience.

Footer

  • Portfolio
  • Knowledgebase
  • About

© 2023