Skip to content

[Issue]: Initiate Wordpress component and make Services tab #70

Description

@RenaudBernier

Branch Name

feature/70-wp-component-services-tab

Task

Make a Wordpress component to be used on the ldmontreal website for users to quickly navigate services, membership and donation.
Make it similar to the one currently used, but don't make filters.
The list of available services should be pulled from the database.
The component should placed where the Amilia component currently is on the homepage, replacing it.

Features to implement:

  • Default view showing 3 tabs at the top: Services, Membership, Donations
  • For now, only implement the Services tab
  • Services tab should show a list of active services pulled from the db
  • When a service is clicked, the user should see the title, description, price and a Register button.
  • When clicking Register, user should be redirected to the checkout page for this service

Use LocalWP to test on a dev environment

Image

Acceptance Criteria

  • Active services are displayed: Only services with an active status in the database appear in the Services tab; inactive or draft services are excluded.
  • Service detail view on click: Clicking a service card shows its title, description, and price in a detail view, replacing the list.
  • Register redirects to checkout: Clicking the Register button in the detail view redirects the user to the checkout page for that specific service.
  • Tab switching works: Clicking the Membership or Donations tabs makes them visually active and hides the Services content, and vice versa.
  • Component replaces Amilia widget: The new component renders in the same position as the Amilia component on the homepage and is no longer present in the DOM.

Checklist

  • I have checked for duplicate issues.
  • I have assigned the issue to the correct project board.
  • I have tagged the issue properly.

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Labels

No labels
No labels

Type

Fields

No fields configured for Task.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions