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 different elements and functionality I included in this project.
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.
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.
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.