MikeLeavitt Posted April 1 Posted April 1 I'm looking to shorten or hide the Store Review section of my Product Pages. I don't want to hide my Store Review summary, and I don't want to hide my reviews. I love my reviews!!!! They're just taking up too much real estate on my product pages. Here's a page from my site to reference - https://www.mikeleavittart.com/store/p/hand-signed-rbg-action-figure I like seeing the "Average store rating" and the "SHOW MORE" button at the bottom of the reviews. Is there some custom CSS or Code Injection for this? So my product page reviews could just say "REVIEWS" and "Average store rating" with the "SHOW MORE" button to expand and read the reviews, as below?
tuanphan Posted April 3 Posted April 3 You mean hide these reviews + show Show more button. When users click Show More >> Show all reviews? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
tuanphan Posted April 7 Posted April 7 On 4/4/2024 at 1:40 AM, MikeLeavitt said: Yes!!!!!!!!!!! How do I do this? Add this code to bottom of Website > Website Tools > Code Injection > Footer <script> $(document).ready(function(){ $('<a class="show-more" href="#showmore">Show More</a>').appendTo('.ReviewTabsTitle'); $('.show-more').click(function(){ $('.ReviewTabsTitle').toggleClass('show-hide'); }); }); </script> <style> .ReviewTabsTitle~* { display: none; } a.show-more { border: 1px solid #000; padding: 10px 20px; } .ReviewTabsTitle.show-hide~* { display: block !important; } </style> See a quick video on how I checked & find this code https://www.loom.com/share/d2583af9b3c647668ec23f3732291260 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
MikeLeavitt Posted April 7 Author Posted April 7 This hides the reviews visibility but now I've lost the SHOW MORE button altogether. Attached a screenshot. So now I can't any reviews at all. I'm sure I can just do a tiny tweak to get the SHOW MORE button to show?
tuanphan Posted April 9 Posted April 9 Add this code to top of Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
MikeLeavitt Posted April 16 Author Posted April 16 Sadly enough this is still not working. The SHOW MORE button is still not showing. Kinda ready to just give up and just hide all my reviews, pretty sad I can't just shorten the section😮💨☹️
tuanphan Posted April 19 Posted April 19 On 4/17/2024 at 1:29 AM, MikeLeavitt said: Sadly enough this is still not working. The SHOW MORE button is still not showing. Kinda ready to just give up and just hide all my reviews, pretty sad I can't just shorten the section😮💨☹️ Can you add me as a contributor? or duplicate the site and add me, I can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment