Product Reviews

The product review widget (fig. 1) displays both customer reviews and the review submission form on individual product pages. It can be added directly to the single product template.

Fig. 1. Product Review Widget

Content Tab

In the “Layout tab”, (fig 1.1) you can configure;

  • columns – ie reviews in one column and review form in another;
  • rows(Columns) Gap;
  • enable/disable comments Section If Empty

Fig. 1.1. Product Review Layout

In the “Form field tab”, (fig 1.2) you can configure the form field label, input size, column width etc for;

  • your rating;
  • name;
  • email;
  • message;

Fig. 1.3. Review Form Fields.

In the “Button tab”, (fig 1.3) you can configure;

  • column width;
  • alignment;
  • text;

Fig. 1.3. Product Review Button

Style Tab

In the style tab “Content” section (fig 2.1), you can configure the style of the title and notice;

  • title alignment;
  • title typography;
  • font color;
  • bottom Spacing;
  • notice typography;
  • font color;

Fig. 2.1. content style

In the “Form tab”, (fig 2.2) you can configure;

  • columns gap;
  • rows gap;

    • Labels & Content

  • typography;
  • text color;
  • asterisk ccolor;
  • label bottom spacing;

Fig. 2.2. Form style

In the “Filed tab”, (fig 2.3) you can configure the style of form fields such as;

  • typography;
  • text color;
  • background color;
  • border color;
  • border width;
  • border radius;

Fig. 2.3. Field style

In the “Button tab”, (fig 2.4) you can configure the style of the button such as;

  • size;
  • seelcct icon;
  • typography;
  • min width;
  • min height;
  • text padding;
  • border type;
  • border radius;
  • text color;
  • icon color;
  • background type;
  • color;
  • box shadow;
  • spacing above button;

Fig. 2.4. Button style

In the “Comment Content”, (fig 2.5) section you can configure;

  • title typography;
  • color;
  • date typography;
  • color;
  • date spacing above;
  • color;
  • text typography;
  • color;
  • text spacing above;

Fig. 2.5. Comment Content Style

In the “Comment Box”, (fig 2.6) section you can configure;

  • background color;
  • border type;
  • border width;
  • border color;
  • padding;
  • distance between comments;

Fig. 2.6. Comment Box Style

In the “Comment User’s Avatar”, (fig 2.7) section you can configure;

  • ahow/hide avatar;
  • size;
  • border radius;
  • avatar side spacing;

Fig. 2.7. Avatar Style

In the “Rating ”, (fig 2.8) section you can configure;

  • empty star color;
  • filled star color;
  • stars in form size;
  • distance;
  • stars in comment size;
  • distance;
  • size;

Fig. 2.8. Star Style

Advanced

The advanced section contains standard Elementor settings. More info is available here.