Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

FR: MT "All Trucks" Listing #55

Open
ZoeBeykirch opened this issue Aug 23, 2023 · 3 comments
Open

FR: MT "All Trucks" Listing #55

ZoeBeykirch opened this issue Aug 23, 2023 · 3 comments
Assignees
@Andrei-Boiangiu
Labels
MVP Must have for october PDP Spillover Trucks and segments
Milestone
MT Trucks and Seg...

Comments

@ZoeBeykirch
Copy link
Collaborator

ZoeBeykirch commented Aug 23, 2023 •
edited by shirin27
Loading

All trucks listing page should be composed based on metadata of PDP pages, filter by segment, hover background image effect

Figma: https://www.figma.com/file/oNwe2jHIICPMIe551EY62l/Mack-Reskin---Full-Project?type=design&node-id=2231-55247&mode=dev

Image

Requirements

  • New block (Filter trucks) that has metadata of the PDPs as datasource
@BeckyMedlin BeckyMedlin added MVP Must have for october PDP labels Aug 28, 2023
@DanielaPedrochevd
Copy link
Collaborator

DanielaPedrochevd commented Oct 3, 2023 •
edited
Loading

Agile Requirement
As a business owner, I want the "All Trucks" listing page to display a list of all the trucks with a description and data that comes from the metadata stored in a JSON file allowing the users to navigate through the different segments I've classified my trucks in in a tabbed filter manner.

Description
The new Created block displays the metadata of the PDPs as datasource such as in the figma design

Acceptance Criteria

  1. The new block "Filter Trucks" is available for the content editors to use that displays:
  • A list of all the trucks with the trucks metadata as the data source.
  1. The list of trucks will display the following for each of the trucks:
  • Image.
  • Model.
  • Segments.
  • Description.
  • 1 or 2 buttons (depending on the truck).
  1. This new block has 2 buttons for the Anthem and Granite trucks:
  • Explore: which links to the PDP page of the truck.
  • Build: which links to the truck builder page.

  1. For the rest of the trucks we will only have the explore button (as the truck builder page does not have all the trucks available at the moment, but will in the future).

  2. The Style of the Block is as specified in the design. The trucks should be a PNG with Alpha transparency and on hover we will have a background image behind.

@DanielaPedrochevd DanielaPedrochevd changed the title FR: All Trucks Listing page FR: MT "All Trucks" Listing Oct 4, 2023
This was referenced Oct 4, 2023
Open
Closed
@DanielaPedrochevd
Copy link
Collaborator

Has to go after #103 and #102

@DanielaPedrochevd DanielaPedrochevd mentioned this issue Oct 9, 2023
Closed
@DanielaPedrochevd
Copy link
Collaborator

Hover effect Images -> https://www.figma.com/file/vbm7VB7UCWixbEasHh5zGp/macktrucks.com-reskin---navigation?type=design&node-id=294-1555&mode=design&t=A3zYDl2KRdP1oj2g-0

@DanielaPedrochevd DanielaPedrochevd added Spillover GoLive This task is needed for the Go Live and removed GoLive This task is needed for the Go Live labels Oct 20, 2023
markovukiceviccn added a commit that referenced this issue Oct 23, 2023
@markovukiceviccn
#55 - Get all trucks from json file and filter them by segment
2c01892
markovukiceviccn added a commit that referenced this issue Oct 30, 2023
@markovukiceviccn
#55 - all trucks listing and filtering by segment
8fa7d5e
@markovukiceviccn markovukiceviccn mentioned this issue Oct 30, 2023
Merged
markovukiceviccn added a commit that referenced this issue Oct 30, 2023
@markovukiceviccn
#55 - All trucks listing - fix stylelint issues
2037d31
cogniSyb pushed a commit that referenced this issue Nov 3, 2023
@markovukiceviccn @Lakshmishri
"All Trucks" Listing #55 and Filtering #103 (#154)
7bba030 
* #55 - Get all trucks from json file and filter them by segment
* #55 - all trucks listing and filtering by segment

---------

Co-authored-by: Lakshmishri <lakshmi.shri.v.a@gmail.com>
markovukiceviccn pushed a commit that referenced this issue Nov 6, 2023
@markovukicevic
#55 - Limit the width of the description text
9e2d5bd
markovukiceviccn pushed a commit that referenced this issue Nov 6, 2023
@markovukicevic
#55 - Change text wrapping method
31ecf0d
markovukiceviccn pushed a commit that referenced this issue Nov 6, 2023
@markovukicevic
#55 - Add top padding to all trucks title
150510f
@markovukiceviccn markovukiceviccn mentioned this issue Nov 6, 2023
Merged
markovukiceviccn added a commit that referenced this issue Nov 7, 2023
@markovukiceviccn
#55 All trucks - Increase the page title top padding
a9453c5 
Increase the page title top padding for red marker to become visible bellow the header
@markovukiceviccn markovukiceviccn mentioned this issue Nov 7, 2023
Merged
cogniSyb pushed a commit that referenced this issue Nov 7, 2023
@markovukiceviccn
#55 All trucks - Increase the page title top padding (#161)
8e64ae8 
Increase the page title top padding for red marker to become visible below the header
cogniSyb pushed a commit that referenced this issue Nov 7, 2023
@markovukiceviccn @cogniSyb
#55 All trucks - Increase the page title top padding (#161)
175999a 
Increase the page title top padding for red marker to become visible below the header
@cogniSyb cogniSyb mentioned this issue Feb 13, 2024
Open
@ZoeBeykirch ZoeBeykirch mentioned this issue Jun 27, 2024
Open
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Andrei-Boiangiu Andrei-Boiangiu

Labels
MVP Must have for october PDP Spillover Trucks and segments
Projects
None yet
Milestone
MT Trucks and Segments
Development

When branches are created from issues, their pull requests are automatically linked.

55-all-trucks-listing Netcentric/vg-macktrucks-com-rd
8 participants
@Lakshmishri @ZoeBeykirch @Andrei-Boiangiu @cogniSyb @shirin27 @markovukiceviccn @BeckyMedlin @DanielaPedrochevd