Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Excerpt

Information-rich product pages can help drive sales, but in some cases, not all data is captured by the ERP.  Luckily, Customer Self Service websites utilising on the BPD framework can include custom fields as part of standard web product maintenance. 

...

B) Edit a product (or products) to include this new data: 

  1. Navigate to 'CatalogueProducts & Categories' --> 'Product Maintenance'.
  2. Search for the required product by Product Code or Description. 
  3. Click the 'Edit' button against the product.
  4. Scroll to the 'Custom Fields' section.
  5. Edit the data as required.
  6. Click 'Save'

...

C) Add the custom field widget to the Product Detail and/or Product List Item templates:

  1. Navigate to 'LayoutsContent' --> 'TemplatesStandard Pages'.
  2. Scroll to the 'Product' section and click the Select the 'Product Detail' or 'Product List Item' template as required (this example will use the Product Detail template).
  3. Locate the appropriate zone for the custom field widget. The optimal location will depend on site layout, but common placements include 'Zone MainRight' or 'Zone Bottom'.
  4. Click the 'Add Widget' button.
  5. Select 'Product Field' from the drop-down list. 
  6. Click the 'Add' button. 
  7. Drag the widget to the desired sequence in the widget list, if required.
  8. Click the 'Edit' button to configure options. A modal window will appear.
  9. Configure the widget as required:
    • Description - a descriptive reference for the Administrator on the layout page. This does not display on the front-end website.
    • Layer - this widget can be rendered conditionally based on role or customer, or displayed under all conditions (All Pages).
    • Product Field - select the new custom field from the drop-down list. The format will be the Field Name prefaced with 'CUS_'.
    • Show Heading - tick this box to include a heading for this widget.
    • Heading Text - the heading text displayed to the end user.
    • Fallback Information - default text can be entered, to be displayed against products with no data in this field.
    • Show Toggle - allows the content to be hidden by default, and displayed when the user clicks on the Heading.
    • Show Inline Heading - allows the heading to be displayed in line with the field content (ignored when toggle is in use).
    • Show On Mobile - when ticked, this field will display on mobile devices, when unticked the field will be excluded.
  10. Click 'Save'.

...

Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
showSpacefalse
reversetrue
typepage
cqllabel = "kb-how-to-article" and type = "page" and space = "KB"
labelskb-how-to-article