-
-
Notifications
You must be signed in to change notification settings - Fork 0
Anchor Tag Links in Secondary Sticky Bar #432
Copy link
Copy link
Labels
meta:no-issue-activityNo recent issue activityNo recent issue activitystatus:needs-devEarly execution signal (triage queue for engineering)Early execution signal (triage queue for engineering)
Milestone
Description
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:
- Implement a secondary sticky navigation bar containing anchor tag links for quick section access.
- Desktop View:
- Anchor tags are directly clickable, and clicking on a link scrolls the page to the associated section.
- 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
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
meta:no-issue-activityNo recent issue activityNo recent issue activitystatus:needs-devEarly execution signal (triage queue for engineering)Early execution signal (triage queue for engineering)
Type
Projects
Status
✅ Done