Display (V2) Mobile Filtering And Sorting

You can configure these styles using Style Editor in the Bazaarvoice Portal:
  1. Sign in to the Bazaarvoice Portal.
  2. From the upper-right corner, select the settings icon.
  3. Under Configuration, select Ratings & Reviews.
  4. Under Implementations, select Edit next to the implementation you want to configure.
  5. Select Style Editor in the User Experience section on the left.

Fonts

Select Fonts to update the font styles. Example: Fonts > Review Titles.

1. Review Titles

2. Review Text

3. Review Dates

Used for border in Filter menu.

4. Dimension Values

5. Links

6. Buttons - Primary

7. Buttons - Secondary

8. Default Filters

Backgrounds

Select Backgrounds to update the background styles. Example: Backgrounds > Lightbox.

9. Lightbox

10. Default Filters

The filter and sort menu tab selected option also uses the Default Filters background.

11. Buttons - Primary

Note: The Clear All button uses Fonts > Buttons - Primary as its font family, Backgrounds: Primary Button as the button color and border color and a transparent color as the background color.

Backgrounds

12. Primary Button

Fonts/Backgrounds/Borders

13. Checkbox

  • Unfilled border: Fonts > Review Text
  • Filled background: Backgrounds > Buttons - Primary
  • Filled check color: Fonts > Buttons - Primary
 Interface example of mobile filtering and sorting options for ratings and reviews.

Mobile filtering and sorting example
Provide feedback button