Skip to main content

A/B Mega Menu Configuration

Posthog ​

Ensure Mega-Menu Posthog experiment is running: https://us.posthog.com/project/88075/experiments/89666

Shopify A/B Testing Theme Setting​

  • Toggle Enable Posthog Survey on
  • Toggle Enable Posthog AB Test Swap (optional)
    • Only do this if you want to test the configuration. Do not use in production
  • Toggle Enable Mega Menu A/B Test on
  • Select Alternate Mega Menu

Shopify Header Section Setting​

  • Toggle Enable transparent header on
  • Select color for Menu font for transparent header
  • Select Logo on transparent header
  • Select Menu background color
  • Set Menu background opacity
  • Select Menu font color
  • Select Logo on colored homepage header

Settings that control each version​

Settings that control Version A (control) - current site + current navigation​

  • Enable transparent header - on
  • Menu font for transparent header
  • Logo on transparent header

Settings that control Version B - current site + new navigation​

  • Enable transparent header - on
  • Menu font for transparent header
  • Logo on transparent header
  • Alternate Mega Menu (theme setting)

Settings that control Version C - new mega menu nav bar (opacity) + current navigation​

  • Enable transparent header - on
  • Menu background color
  • Menu background opacity
  • Menu font color
  • Logo on transparent header
  • Logo on colored homepage header

Settings that control Version D - new mega menu nav bar (opacity) + new navigation​

  • Enable transparent header - on
  • Menu background color
  • Menu background opacity
  • Menu font color
  • Logo on transparent header
  • Logo on colored homepage header
  • Alternate Mega Menu (theme setting)