Applabmx · Shopify theme development

Shopify theme: navigation, forms and product page for Laerdal

Homepage, menu and submenus, forms, information pages and product page for the Shopify store.

Role
Shopify Developer · Applabmx
Reference period at Applabmx
2024–2025
Technologies
Shopify · Liquid · HTML · CSS · JavaScript · Tailwind CSS · Shopify CLI · Git · GitHub
Public website
shop.laerdal.com

By Case published:

Current Laerdal México homepage with store menu and banner

Current website version. Current Laerdal México homepage with store menu and banner. Reference capture; it may include changes made after my work.

View sourceCapture:

At Applabmx I developed Laerdal’s homepage, complete menu and submenu component, forms and product page. I also created FAQ and privacy pages within the Shopify website.

Requirement

My assigned implementation combined navigation, forms, information content and product pages. The menu needed to organize access to the different parts of the website.

Implementation

I developed the menu and submenus as a theme component, alongside homepage, product and information page templates. I used Liquid, HTML, CSS, Tailwind and JavaScript to build their views and behaviors.

The implementation covered shared components, such as the menu, and dedicated views, such as products and forms. These pieces belong to the Shopify theme.

  1. Menu and submenu component

    I developed the complete navigation component: HTML structure, CSS and Tailwind presentation, and JavaScript interactions. The menu and submenus organize links to the store’s different pages.

  2. Forms and information pages

    I created forms and pages related to frequently asked questions and privacy. The work includes markup and presentation within the theme; each view organizes content or fields according to its purpose.

  3. Homepage and product page

    I implemented the homepage and product page with Liquid and HTML. The product view uses Shopify catalog context, with CSS and JavaScript for presentation and interactions.

  4. Integrating theme changes

    I worked with Shopify CLI, Git and GitHub within the team’s workflow. Shared navigation and individual templates were integrated as parts of the same Shopify theme.

Current public Laerdal México information request form with no data entered

Current website version. Current public Laerdal México information request form with no data entered. Reference capture; it may include changes made after my work.

View sourceCapture:
Current Laerdal México product page with information and purchase controls

Current website version. Current Laerdal México product page with information and purchase controls. Reference capture; it may include changes made after my work.

View sourceCapture:

Work delivered

Development work within the Shopify theme.

  1. Homepage and product

    I developed the homepage and product page.

  2. Menu and submenus

    I created the entire website navigation component.

  3. Forms and information content

    I created forms and pages related to FAQs and privacy.

Delivered functionality

Delivered sections and features.

Navigation implemented

The menu component and its submenus were delivered.

Templates and forms

The assigned homepage, product page, forms and information pages were delivered.

The reference period covers my work at Applabmx from June 2024 to April 2025; it does not indicate the exact project dates. Captures show the current public website and may include subsequent changes.

Applied skills

  • Shopify theme development
  • Liquid
  • Menus and submenus
  • Web forms
  • Product pages
  • Tailwind CSS
  • HTML
  • CSS
  • JavaScript
  • Shopify CLI
  • Git and GitHub

References