Jump to content

 

welovecscart

Member Since 28 May 2021
Offline Last Active Jun 23 2021 05:13 PM
-----

Topics I've Started

Jquery 3.5.1 & Standalone.css Causing Poor Load Performance

19 June 2021 - 03:34 PM

Trying to optimize CS-Cart but getting poor loading results with Google PageSpeed test.

 

There are 2 main factors that need help with addressing, currently the site loads slowly due to these issues -- Jquery and Standalone.css

 

 

How do we easily fix these loading issues? 

 

/jquery-3.5.1.min.js
(code.jquery.com)
31 KiB
12,222 ms

 

standalone css -- how can this be optimized?  - causing a renderblocking issue

 

standalone.css
60.9 KiB
56.2 KiB

standalone.css

60.9 KiB
1,200 ms

 

 


How To Customize The Product Reviews Css In V4.13.1

10 June 2021 - 08:47 PM

Having trouble modifying the CSS and the look and feel of the Product Reviews section.

 

Currently inserting the Custom CSS into the Theme Editor and no luck

 

Wanted to:

 

1. Limit how wide the Product Reviews Section get  -- on a mobile device it is way too wide. need it to to be 100% width and not extend off the side off the page ... how to change the CSS or code to make less wide. 

 

2.  Hide the Anonymous Checkbox, maybe the Terms and Conditions as well...

 

3.  Is it possible to add a margin when the Write a Review Pops up... it would look better if it has a margin of 20 or 40px... centered in the page

 

4.  possible to reduce the size of the image drop area?  It is very large...  

 

5. Change the order of the Review Section..

 

 

 

 

6. Also made these CSS modifications in the Theme CSS Custom area and nothing is changing :

 

 
.ty-product-review-new-product-review-additional__write-anonymously-label {
    visibility: hidden;
    height: 0px;
}
 
 
 
.ty-product-review-post-message-section__title {
    visibility: hidden;
    height: 0px;
}
 
 
 
.ty-product-review-post-customer__date {
    visibility: hidden;
}
 
.ty-dialog-caret:before, .ty-dialog-caret:after {
    visibility: hidden;
    height: 0px;
}
 
.ty-dialog-caret {
    border: 0px solid #1c1919;
    border-radius: 10px;
    background: #f1f1f1;
}
 
 

Thank you :)