How do I change CSS & templates files in order to integrate my theme ?

Ask your integrator to adapt the module to your theme, after backing up the files and testing on a staging shop. Positions and styles vary with the theme and PrestaShop version. Also see the custom theme integration guide.

Which files should you inspect?

Under modules/gsnippetsreviews/views/, SCSS sources are in scss/front/ and the loaded CSS stylesheets are in css/front/. SCSS changes must be compiled using your project’s build process; the browser loads CSS.

• hook.css: shared styles and the product page review block on PrestaShop 8. On PrestaShop 9, inspect hook-19.css and the templates adapted to that version.
• product_list_review.css: ratings on product lists. The product_list_review_advanced-with-rs.css and product_list_review-with-rs.css variants concern integration with the Repairability Score module.
• rating_distribution.css: rating distribution.
• review_form.css: product and shop review forms.
• shop_widget.css: the shop review badge.
• Base star styles: scss/common/star.scss and css/common/star.css.

Do not customize css/common/custom_stars.css directly: the module generates this file from its star color and size settings. Saving those settings may replace your changes.

Module templates are under views/templates/. Your integrator should identify the template actually loaded by the theme and prefer theme overrides. Keep a copy of your adaptations: an update may replace module files.

Warehouse and Panda

The old integration kits targeted Warehouse 4.5.5 and Panda 2.8.0. They are not instructions to apply to current versions. Do not replace your installation’s views directory with an old archive: have your integrator check the files and versions.

With Panda, also check that the competing stproductcomment review system is disabled. In general, avoid running two review modules on the same positions at the same time.