Skip to content

Advanced Review Box

The Advanced Review Box module shows one review card with a star rating, an image, a badge, a title, a description and an optional button. Its one job is a single review or product rating card.

How to add it

  1. Open the page in the Divi 5 Visual Builder.
  2. Add a module to a row and search for Advanced Review Box.
  3. Enter the rating, title and description under Content > Content.

Content tab

Content

  • Rating Scale: default 5. Enter a number.
  • Rating: default 5. Enter a number.
  • Show Rating Number: off by default.
  • Upload Image.
  • Open Photo in Lightbox: off by default.
  • Image Alt Text.
  • Use Badge: off by default.
  • Badge Text: default "Badge".
  • Title Text.
  • Description: rich text.

Button

  • Use Button: off by default.
  • Button Text: default "Click Here".
  • Button link options from Divi's button link control.

Design tab

Content

  • Alignment: Left (default), Center, Right.
  • Content Padding: default 15px 0 0 0.

Rating

  • Rating Spacing Bottom: default 10px.
  • Star Size: default 23px.
  • Star Spacing: default 0px.
  • Star Color and Star Active Color: default #2EA3F2.
  • Rating Text Size: default 16px.
  • Rating Text Color: default #2EA3F2.
  • Rating Text Spacing: default 8px.

Image

  • Image/Icon Position: Top (default), Bottom, Left, Right.
  • Image Hover Animation: None (default), plus Zoom In, Zoom Out and other animation effects.
  • Image Height, Image Width (default 50%), Image Padding, and Image border.

Image Overlay

  • Overlay: on by default. Shown on hover.
  • Speed: default 500ms.
  • Overlay Icon, Overlay Icon Color (#2EA3F2), Overlay Icon Size (32px), Overlay Icon Opacity (1), Overlay Color (#2EA3F2).

Badge

  • Badge Position: Right Top (default), Right Bottom, Left Top, Left Bottom.
  • Use Horizontal Position Center and Use Vertical Position Center: off by default.
  • Badge Offset X and Badge Offset Y: default 15px.
  • Badge Padding and Badge Background Color (default #ffffff), plus a border.

Badge Text, Title, Description, Button

  • Badge Text, Title and Description font settings.
  • Title Spacing Bottom: default 0px.
  • Button: Spacing Top (default 15px) and the Divi button styling options.

FAQ

Does it work in Divi 4?

Yes. A Divi 4 version exists (shortcode torq_review_card). This page describes the Divi 5 settings.

Can I use a rating out of 10?

Yes. Set Rating Scale to 10 and Rating to your value. The star fill width is computed from the Rating and Rating Scale values.

Does it pull reviews from Google or another source?

No. This module shows one card that you fill in by hand. It has no review source setting.

How do I open the image in a lightbox?

Turn on Open Photo in Lightbox under Content > Content. The image gets a dtq-lightbox class.