UltraKit · Widget #85
AJAX add-to-cart for simple AND variable products. 6 button styles × 3 layouts × 3 sizes × quantity stepper × Buy-now button × price / stock display × success state
6 Button Style4 Icon3 Layout3 Size4 More Choices8 Toggles
Section 01
6 options for button style — all shown live below.
1
Solidbtn_style = solid
2
Gradientbtn_style = gradient
3
Outlinebtn_style = outline
4
3D Blockbtn_style = block3d
5
Pillbtn_style = pill
6
Neon Glowbtn_style = glow
Section 02
4 options for icon — all shown live below.
1
Carticon = cart
2
Shopping Bagicon = bag
3
Plusicon = plus
4
No Iconicon = none
Section 03
3 options for layout — all shown live below.
1
Inline (quantity + button)layout = inline
2
Stacked (button under quantity)layout = stacked
3
Boxed Cardlayout = card
Section 04
3 options for size — all shown live below.
1
Smallsize = small
2
Mediumsize = medium
3
Largesize = large
Section 05
Extra switches for the finishing touches.
1
Product: Current product (on a product page)source = current
2
Product: Choose a productsource = select
3
Quantity: + / − Stepperqty_mode = stepper
4
Quantity: Hidden (always 1)qty_mode = none
Section 06
Switch parts of the widget on or off.
1
Preview With the Latest Product When None Is Found — Offfallback = off
2
Show Product Image + Name — Onshow_card = yes
Mechanical Keyboard
3
Show Price — Offshow_price = off
4
Show Stock Status — Offshow_stock = off
5
Add a "Buy Now" Button (goes to checkout) — Onbuy_now = yes
6
Show "View Cart" Link After Adding — Offshow_links = off
7
Full Width Button — Onfull_width = yes
8
Hide On Desktop — Onhide_desktop = hidden-desktop