Product specific reviews using collapsible box instead of a light box

Ask the community
, ,
1

Currently, my code follows the code found in this wix tutorial: https://support.wix.com/en/article/corvid-tutorial-adding-ratings-and-reviews-to-a-wix-stores-site

However, I would like to use a collapsible container for the review form instead of a lightbox. Is there any way the code can be changed? My “Submit a review” button un-collapses the container and reveals the review form.

Correct me if I am wrong, but I believe the parts of the code that needs to be changed are as follows:

Product page code:

// Set the action that occurs when a user clicks the "Write a Review" button.
export async function addReview_click(event, $w) {
 // Create an object containing the current product's ID to be sent to the review writing lightbox.
 const dataForLightbox = {
        productId: product._id
    };
 // Open the "Review Box" lightbox, send it the object created above, and wait for it to close.
 let result = await wixWindow.openLightbox('Review Box', dataForLightbox);

Lightbox/Collapsible box code:

// Current product's ID. 
let productId;

//-------------Lightbox Setup-------------//

$w.onReady(function () {
 // Get the data passed by the page that opened the lightbox.
    productId = wixWindow.lightbox.getContext().productId;
        
 // When the statistics have been updated, close the lightbox to return the user to the product page.
        wixWindow.lightbox.close();

Thank you for taking the time to read through my question :slight_smile: