Resolve Item Options not Displaying in Webstore

Written by
Ryan
Published on
October 27, 2023 at 12:51:31 AM PDT October 27, 2023 at 12:51:31 AM PDTth, October 27, 2023 at 12:51:31 AM PDT

Scenario

When the customer is trying to view the item from the webstore, item options are clickable but cannot be seen visually on screen. This error is caused by incorrectly setting the cart option ID from the website configuration.

Solution

  1. Navigate to Commerce > Websites > Configuration
  2. Select Website & Domain
  3. Click Configure
  4. Navigate to Advanced > Item Options
  5. Scroll down to Item options and custom transaction column fields
  6. Add new row and input details
    • CART OPTION ID: custcol13
    • COLOR PALETTE: default
    • LABEL: Color
    • URL PARAMETER NAME: Color
    • SORT INDEX: 10
    • SELECTOR_TEMPLATE: product_views_option_color.tpl
    • FACET CELL TEMPLATE: product_views_option_facets_color.tpl
    • SELECTED TEMPLATE: transaction_line_views_selected_option_color.tpl
  7. Click Add
  8. Click Save