Skip to main content

Pop-up (modal)

Settings​

SettingIDTypeDefaultDescription
Block classclasstext
Pop up link texttexttextPop-up
Stylestyleselectsolid
Colorcolorselectbg-gray-900 text-white hover:bg-gray-700Applies to the Button, Outline and Link styles.
Sizesizeselectpx-4 py-2 text-baseApplies to the Button and Outline styles.
Content from pagepagepage
Modal sizemodal_sizeselectmax-w-2xlReserved for the modal panel. Not used while the block renders as a plain link.
Modal status colormodal_statusselectbg-red-600Reserved for the modal panel. Not used while the block renders as a plain link.
Center the modalmodal_centeredcheckboxfalse
Show in quick buyshow_in_quickbuycheckboxtrue

Option values​

  • Style (style): Button (solid), Outline (outline), Link (link)
  • Color (color): Dark (bg-gray-900 text-white hover:bg-gray-700), Red (bg-red-600 text-white hover:bg-red-700), Blue (bg-blue-600 text-white hover:bg-blue-700), White (bg-white text-gray-900 hover:bg-gray-100)
  • Size (size): 3 Extra Small (px-2 py-1 text-3xs), 2 Extra Small (px-2 py-1 text-2xs), Extra Small (px-2 py-1 text-xs), Small (px-3 py-1.5 text-sm), Medium (px-4 py-2 text-base), Large (px-5 py-2.5 text-lg), Extra Large (px-6 py-3 text-xl), 2X Large (px-8 py-4 text-2xl), 3X Large (px-10 py-5 text-3xl), 4X Large (px-15 py-6 text-4xl), 5X Large (px-15 py-7 text-5xl), 6X Large (px-20 py-8 text-6xl), 7X Large (px-20 py-10 text-7xl), 8X Large (px-20 py-10 text-8xl), 9X Large (px-20 py-10 text-9xl), None (``)
  • Modal size (modal_size): Small (max-w-md), Default (max-w-2xl), Large (max-w-4xl), Extra large (max-w-6xl), Fullscreen (max-w-none)
  • Modal status color (modal_status): Transparent (bg-transparent), Dark (bg-gray-900), Red (bg-red-600), Blue (bg-blue-600), Green (bg-green-600)

Presets​

  • Pop-up (modal)