Jam Industrial Supply

Full Blog Build Out

Back to Projects

Problem

A long-time client was looking to include a new blog on their existing e-commerce site. This included a desire to see related blog posts on certain site pages as well as product archive pages. They also requested that each post have a section that displays a selection of products that were mentioned in the post.

Solution

Create archive and single page templates from flat design and build out desired functionality by leveraging JavaScript, PHP, and ACF (Advanced Custom Fields) systems together to create a scalable solution.

Highlights

Take a closer look at the specifics of the functionality developed for Jam Industrial Supply

Blog Build

Fully functional blog from flat design. Using ACF fields and PHP to dynamically grab post information for archive and single page use. Included is the functionality to filter by category without having to reload the page, created with the help of custom JavaScript code.

test image

Featured Products

Using ACF's relationship field, PHP, and JavaScript allowed for the selection of specific products to be included and displayed at the bottom of each blog post.

test image

Related Blog Posts

Built an internal Wordpress system that would allow for a specific category of blog posts to be displayed on any selected page.

test image

Similar Projects

Custom Woocommerce Site Build

Building on the functionality of woocommerce, I developed custom solutions to the unique business requirements of the client, resulting in an improved shopping experience for their clients.

View Details

Utilizing 300+ AI Generated Voice Samples

Built from flat design, this was a brand new project that utilized AI generated voices as a main component. Heavily utilized JavaScript to enable the client's specific requests for functionality.

View Details

Custom Filter Functionality

Combining and utilizing the functionality of two seperate plugins with the help of custom JavaScript and PHP code, I created a filtering solution.

View Details

Custom Google Map (JavaScript API)

Utilized Google Map's JavaScript API to create a custom map to show all areas that client's unique product has been successful. Styled to match existing design and custom code to enable client specific request for functionality.

View Details
X