vega

Thanks so much, Pear! If this gets added in a future update, will it be mentioned in the update notes?

Hello,

Thanks for your reply. I would like to know how the images are displayed in the All Reviews shortcode on mobile devices.

Will the content be aligned to the left as a whole, with the overflow area having a scrollbar, so that when you scroll, all the content can be fully displayed?

Rather than the way it is showing now, where the content is not fully visible.

Hello, I added the max_chars attribute to the code, but it doesn’t seem to be the issue. There’s a screen recording in the link you can check. What I mean is that on desktop devices, scrolling down the scrollbar shows the full content of a single review, but on mobile devices, scrolling down does not display the full content.

https://www.loom.com/share/75ab8eb372c34729a13a4ba30e480b14

I inserted this review code using a code block; below is the full code:

[cusrev_all_reviews sort=”DESC” sort_by=”date” per_page=”10″ show_summary_bar=”true” show_media=”true” show_products=”false” categories=”” product_tags=”” tags=”” products=”current” product_reviews=”true” shop_reviews=”false” inactive_products=”false” show_replies=”true” show_more=”5″ min_chars=”0″ max_chars=”200″

avatars=”initials” users=”all” add_review=”false”]

Thanks!

Thanks, it is okay now. The image can be uploaded and shown in back- and front- end. Thanks so much!

no content

• This reply was modified 2 months, 4 weeks ago by vega.

Hi Pear,

Thanks for your help.

When submitting a review, images can be uploaded successfully. However, the images do not appear in the corresponding review section on either the frontend or the backend.

https://imgur.com/LsKMR0P

The images only appear in the WordPress Media Library.

On the review form page, (https://www.customprecious.com/cusrev/697d6899ad719/)when inspecting the source code and hovering over the image upload area, it shows:

div class="cr-form-item-media-error"

https://imgur.com/7X8rveo

I am not sure whether this is causing the issue, and I am not sure how to fix it. Could you please advise?

Vega

Thanks a lot!

Hello Pista,

Thanks for your reply.
I found out the issue happened because I added a <div> to the code you gave me (see code below).

<div id="reviews">
  [cusrev_all_reviews sort="DESC" sort_by="date" per_page="10" show_summary_bar="true" show_media="true" show_products="false" categories="" product_tags="" tags="" products="current" product_reviews="true" shop_reviews="true" inactive_products="false" show_replies="true" show_more="5" min_chars="0" avatars="initials" users="all" add_review="false"]
</div>

I used your rating shortcode under the product price, and I wanted it so that when people click the rating or review count, it scrolls down to the full reviews. So I added some extra code to make that happen.

<a href="#reviews" onclick="document.getElementById('reviews').scrollIntoView({behavior:'smooth'});return false;">
  [cusrev_reviews_rating color_stars="#ea5116" product="your_product_handle"]
</a>

But since my Avada theme automatically adds some styles to div#reviews on mobile, it messed up the layout. To fix it, I moved <div id="reviews"> outside of your shortcode and placed it above the reviews section, just to act as a scroll target.

<div id="reviews"><div>

Just wondering — does your rating shortcode not scroll to the reviews section by default? And is the way I’m doing it okay?

Thanks,

Vega