Skip to content

Anchor Tag Links in Secondary Sticky Bar #432

@ZaredRogers

Description

@ZaredRogers

Description:

Add collapsible anchor tag links in a secondary sticky navigation bar for the new Tour Operator plugin. This will improve page navigation by allowing users to easily jump to specific sections of a page. The functionality should differ slightly between desktop and mobile:

  • Desktop: Anchor tags should be visible and clickable, allowing users to scroll directly to the specified section when clicked, and the bar should stay stuck to the top of the screen.
  • Mobile: Anchor tags should collapse into dropdown-style sections that can be opened and closed, making it easier for users to scroll through the page without navigation interference.

Requirements:

  1. Implement a secondary sticky navigation bar containing anchor tag links for quick section access.
  2. Desktop View:
    • Anchor tags are directly clickable, and clicking on a link scrolls the page to the associated section.
  3. Mobile View:
    • Anchor tags collapse into dropdown sections.
    • Dropdown sections can be opened or closed, providing a streamlined scrolling experience.

Acceptance Criteria:

  • Anchor tags in the secondary sticky bar are fully functional for desktop and mobile views.
  • Desktop anchor tags scroll the page to the relevant section on click.
  • Mobile dropdown sections collapse and expand as expected, and links scroll the page to the associated section when expanded.
  • Styling aligns with the provided screenshots and design requirements.

Design Notes:

Refer to the provided screenshots for visual reference on layout and styling.

Links:

Desktop Single Tour Design
Single Tour

Mobile Single Tour Design
Single Accommodation
Single Tour

Metadata

Metadata

Labels

meta:no-issue-activityNo recent issue activitystatus:needs-devEarly execution signal (triage queue for engineering)

Projects

Status

✅ Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions