Important note: We won’t continue to support more updates to the Checkout Comments app.
CSS customization
To customize the appearance of the Checkout Question elements, you can apply CSS styles. Below is an example of CSS code that you can use:
/* Adjust the border style for the Checkout Comment Button */
.jdgm-checkout-comment-button {
border: 3px solid red;
}
/* Modify the focus outline for the input field within the Checkout Comment Question */
.jdgm-checkout-comment-question input:focus {
outline: crimson auto 3px;
}
Blacklist
If you wish to exclude certain products from displaying the Checkout Questions (specifically, the text input field asking, "Why did you buy this product?"), you can achieve this by implementing a blacklist using a <div> tag in your Additional Scripts section. Here's how you can do it:
Locate the Additional Scripts section in your Shopify Admin dashboard. You can find this section by going to Settings > Checkout.
By default, when the Checkout Question feature is enabled, it adds the text input field to all items, including variants, on your checkout page.
To exclude specific products, you need to specify their product IDs in the
data-product-idsattribute within a<div>element. For instance:
<div id='judgeme-blacklist-products' data-product-ids='39587381252,249306939396'></div>
By using this <div> with the data-product-ids attribute, you can effectively blacklist the products with the specified product IDs from displaying the Checkout Questions on your checkout page.
If you need help customizing the checkout question, contact our team at [email protected]. We're available to help 24/7!