The ending is here! The final video of "How to Design and Code a Product Landing Page" has come.
In this video, I add some interactivity as well as tighten up a few styles. From this point forw...
Collection
Design & Code a Product Landing Page
Viewing articles within the Design & Code a Product Landing Page collection
In the last part of the "How to Design and Code a Product Landing Page" screencast series, I finished up our desktop view of the design.
Responsive Web Design
If you're new to responsive...
Part 17 of How to Design and Code a Product Landing Page deals with refinements to the product landing page's styles.
The first half of the video is spent adding custom options page via Advanc...
In Part 15 I carry on adding the eCommerce functionality inside the product landing page. I make use of a stripe WordPress plugin which allows you to output a fully integrated and configurable Stri...
In Part 14 of my "How to Design and Code a Product Landing Page" screencast series, I begin implementing the eCommerce portion of the site.
In this video, I finally decide upon what merchant to ...
In part 13 of my "How to Design and Code a Product Landing Page" screencast series, you will see some optimizations take place.
In this video, I fall back to the lifestyle section which features...
In Part 12 of my "How to Design and Code a Product Landing Page" screencast series, I continue building out the next section of our design.
The "Benefits" section of our design was fairly wrappe...
At the beginning of part 11 of my How to Design and Code a Product Landing Page screencast series, I discuss how I fixed some issues I was having in the header area of the site in the [last video...
In Part 10 of How to Design and Code a Product Landing Page, I continue coding the landing page. The last part of the series ended with me styling the header portion of the page. I was stumped on...
Continuing on in part 9 of the screencast series titled "How to Design and Code a Product Landing Page" we dive deeper into developing and styling the header portion of the page.
The first half ...
In part 8 of "How to Design and Code a Product Landing Page", I pick up where I left off after optimizing and creating dynamic menus for our theme and add some custom fields.
From here I begin ...
Continuing on in Part 7 of "How to Design and Code a Product Landing Page", I begin adding content from our design to the WordPress theme.
To start I make preparations to begin adding and opti...