[{"data":1,"prerenderedAt":741},["ShallowReactive",2],{"header:help":3,"footer:default":67,"story:navigation\u002Fsearch:help":250,"story:help\u002Fcategories":288,"story:help\u002Farticles\u002Fnew-foxy-theme":314,"no-guide:new-foxy-theme":59,"article:\u002Fhelp\u002Farticles\u002Fnew-foxy-theme":479,"story:contact":497,"help:tree:d38bc74b-270f-403a-9755-0bf1e11b270d":686,"_apollo:default":740},{"name":4,"created_at":5,"published_at":6,"updated_at":7,"id":8,"uuid":9,"content":10,"slug":57,"full_slug":58,"sort_by_date":59,"position":60,"tag_list":61,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":63,"first_published_at":64,"release_id":59,"lang":65,"path":59,"alternates":66,"default_full_slug":59,"translated_slugs":59},"Help Center Header","2024-08-09T18:06:34.939Z","2024-10-21T21:58:39.217Z","2024-10-21T21:58:39.232Z",10082752,"3e9b88f7-c163-4657-a2f2-62532d600fad",{"_uid":11,"link":12,"badge":16,"items":17,"title":13,"buttons":50,"new_tab":24,"submenu":51,"alignment":13,"component":52,"badge_link":53,"top_menu_items":56},"e5645a1a-f991-40e8-8d67-e40ebc082b5a",{"id":13,"url":13,"linktype":14,"fieldtype":15,"cached_url":13},"","story","multilink","Help Center",[18,27,34,39,44],{"_uid":19,"link":20,"title":23,"new_tab":24,"submenu":25,"component":26},"5cbe2861-1f49-4166-97da-a4dddd8105e3",{"id":21,"url":13,"linktype":14,"fieldtype":15,"cached_url":22},"4c0a2d99-ec30-4579-8ef1-6bf5564d4839","help\u002Fcategories\u002F","Articles",false,[],"header___item",{"_uid":28,"link":29,"title":32,"new_tab":33,"component":26},"1c8edeb5-b9e9-4cb8-b1c6-c1f292f7d7cd",{"id":13,"url":30,"linktype":31,"fieldtype":15,"cached_url":30},"https:\u002F\u002Fwiki.foxycart.com\u002F","url","Documentation",true,{"_uid":35,"link":36,"title":38,"new_tab":33,"component":26},"8d7df70e-f087-4da0-b616-6f0e9a5af35c",{"id":13,"url":37,"linktype":31,"fieldtype":15,"cached_url":37},"https:\u002F\u002Fapi.foxycart.com\u002F","API Documentation",{"_uid":40,"link":41,"title":43,"new_tab":33,"component":26},"f76e7944-23d5-4652-87e4-cdae79272762",{"id":13,"url":42,"linktype":31,"fieldtype":15,"cached_url":42},"https:\u002F\u002Fstatus.foxy.io\u002F","System Status",{"_uid":45,"link":46,"title":49,"new_tab":24,"component":26},"0de16771-4c84-466c-a1da-d8568113c71f",{"id":47,"url":13,"linktype":14,"fieldtype":15,"cached_url":48},"01e4e370-f9b9-45af-8fa9-f15540699b0d","contact","Contact Us",[],[],"header",{"id":54,"url":13,"linktype":14,"fieldtype":15,"cached_url":55},"4a679eb7-662d-4ea4-a976-5a2acbf0b663","help\u002F",[],"help-header","navigation\u002Fhelp-header",null,20,[],10082747,"71b81c2e-5e09-48a1-a397-a3c72fcd344a","2022-09-21T14:50:25.655Z","default",[],{"name":68,"created_at":69,"published_at":70,"updated_at":71,"id":72,"uuid":73,"content":74,"slug":243,"full_slug":244,"sort_by_date":59,"position":245,"tag_list":246,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":247,"first_published_at":248,"release_id":59,"lang":65,"path":59,"alternates":249,"default_full_slug":59,"translated_slugs":59},"Default Footer","2024-08-09T18:06:59.024Z","2025-09-04T06:24:46.223Z","2025-09-04T06:24:46.241Z",10082753,"e59e67ac-248a-482f-84a1-53d4f318186a",{"_uid":75,"about":76,"logos":77,"socials":82,"sections":108,"component":225,"cta_title":226,"bottom_links":227,"cta_subtitle":241,"cta_button_link":242,"cta_button_text":183},"830983f5-c4c4-43c8-b150-86a5e3fa6dc8","Foxy’s hosted cart & payment page allow you to sell anything, using your existing website or platform.",[78],{"id":79,"alt":13,"name":13,"focus":13,"title":13,"filename":80,"copyright":13,"fieldtype":81},14760,"https:\u002F\u002Fa-us.storyblok.com\u002Ff\u002F1001040\u002Fx\u002F3b030847ec\u002Fb-corp.svg","asset",[83,90,96,102],{"_uid":84,"icon":85,"link":86,"name":88,"component":89},"faf0a618-ea94-42ea-9182-03be18c43216","fa-facebook",{"id":13,"url":87,"linktype":31,"fieldtype":15,"cached_url":87},"https:\u002F\u002Fwww.facebook.com\u002Ffoxycart","Facebook","footer___social",{"_uid":91,"icon":92,"link":93,"name":95,"component":89},"14309c18-7e79-423e-b375-34555bac0811","fa-instagram",{"id":13,"url":94,"linktype":31,"fieldtype":15,"cached_url":94},"https:\u002F\u002Fwww.instagram.com\u002Ffoxy_io","Instagram",{"_uid":97,"icon":98,"link":99,"name":101,"component":89},"8f7fe7cf-0dd3-4596-8334-226ea466716a","fa-linkedin",{"id":13,"url":100,"linktype":31,"fieldtype":15,"cached_url":100},"https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Ffoxycart.com","LinkedIn",{"_uid":103,"icon":104,"link":105,"name":107,"component":89},"90a675b4-dd97-40b5-be09-00a87223d4c5","fa-youtube",{"id":13,"url":106,"linktype":31,"fieldtype":15,"cached_url":106},"https:\u002F\u002Fwww.youtube.com\u002Fuser\u002Ffoxycart","Youtube",[109,139,184,206],{"_uid":110,"name":111,"items":112,"component":138},"82849945-282f-488c-b18d-a8d2252f514a","Company",[113,120,126,132],{"_uid":114,"link":115,"title":118,"new_tab":24,"component":119},"1f699ab1-938b-4d9d-9825-aabcbe6f57fe",{"id":116,"url":13,"linktype":14,"fieldtype":15,"cached_url":117},"63634293-a749-4226-9439-9f38ee6dcda0","about-us","About Us","footer___menu_items",{"_uid":121,"link":122,"title":125,"new_tab":24,"component":119},"b26b00f1-a0e7-4be2-8ab3-428b8cc841f8",{"id":123,"url":13,"linktype":14,"fieldtype":15,"cached_url":124},"26cb7c55-faed-4a77-a291-1552d4111b3e","how-foxy-works","How Foxy Works",{"_uid":127,"link":128,"title":131,"new_tab":24,"component":119},"b40c68a0-1ceb-4226-9515-6176534f61fe",{"id":129,"url":13,"linktype":14,"fieldtype":15,"cached_url":130},"dc6657d7-7f4f-4c0d-b781-e971b038ee26","for-good","Foxy For Good",{"_uid":133,"link":134,"title":137,"new_tab":24,"component":119},"3ad0c134-bef9-4fff-b891-e09f16109036",{"id":135,"url":13,"linktype":14,"fieldtype":15,"cached_url":136},"23cae210-baf4-4588-9862-d09f4f52ccd2","brand-assets","Brand Assets","footer___section",{"_uid":140,"name":141,"items":142,"component":138},"a6805fa8-ac60-47f1-b8f0-f27aded0afbe","Product",[143,149,155,161,167,173,179],{"_uid":144,"link":145,"title":148,"new_tab":24,"component":119},"b39c8a4e-2383-486f-b76a-11fbb15d8134",{"id":146,"url":13,"linktype":14,"fieldtype":15,"cached_url":147},"bb04690f-fe98-4ce6-80be-05b950f2364f","features\u002F","Features",{"_uid":150,"link":151,"title":154,"new_tab":24,"component":119},"64f8a41f-c181-433d-bc0a-fc94e71ecbf6",{"id":152,"url":13,"linktype":14,"fieldtype":15,"cached_url":153},"c450c58d-761d-48c0-a9af-0b064611689b","pricing","Pricing",{"_uid":156,"link":157,"title":160,"new_tab":24,"component":119},"6e0b287f-fd8c-4146-9e0e-0ab0b5c9ce3c",{"id":158,"url":13,"linktype":14,"fieldtype":15,"cached_url":159},"fab20ad9-e76a-4947-b709-3a6fdfa88028","blog\u002Fcategories\u002Fproduct-updates","Product Updates",{"_uid":162,"link":163,"title":166,"new_tab":24,"component":119},"47e5a074-a6b5-4f1c-8c2f-89a2ae9f83eb",{"id":164,"url":13,"linktype":14,"fieldtype":15,"cached_url":165},"d2c83612-d611-47f3-a3b4-ca7fe08540b8","changelogs\u002F","Changelogs",{"_uid":168,"link":169,"title":172,"new_tab":24,"component":119},"b5c08774-542f-4ffd-b357-c94d674488b9",{"id":170,"url":13,"linktype":14,"fieldtype":15,"cached_url":171},"08876121-0df3-4ed9-aa11-902b3e41cd02","whats-next","What's Next",{"_uid":174,"link":175,"title":178,"new_tab":24,"component":119},"9c2704ed-6d9f-43e1-9e67-c8d91c083288",{"id":176,"url":13,"linktype":14,"fieldtype":15,"cached_url":177},"056a7857-b18f-4025-8f97-91a38fc19bc8","compare\u002F","Compare",{"_uid":180,"link":181,"title":183,"new_tab":24,"component":119},"5f2db35b-674b-406a-8fa7-d246633af9fe",{"id":13,"url":182,"linktype":31,"fieldtype":15,"cached_url":182},"https:\u002F\u002Fadmin.foxy.io\u002Fsign-up","Try Foxy Free",{"_uid":185,"name":186,"items":187,"component":138},"63fa1f29-4252-4640-9922-fe310e69e54a","Security",[188,194,200],{"_uid":189,"link":190,"title":193,"new_tab":24,"component":119},"1158ddb6-9eb0-466f-8eb6-7ca2ae66c8b8",{"id":191,"url":13,"linktype":14,"fieldtype":15,"cached_url":192},"1f58fb2c-8681-4742-b6e8-09999beae9f6","security-contact","Security Contact",{"_uid":195,"link":196,"title":199,"new_tab":24,"component":119},"9a79c54a-6022-4dfd-854b-766f5e4703ba",{"id":197,"url":13,"linktype":14,"fieldtype":15,"cached_url":198},"55cbfcc3-425a-4261-8037-54e919851d2d","pci","PCI Compliance",{"_uid":201,"link":202,"title":205,"new_tab":24,"component":119},"0b85f5b6-9534-4071-b323-b39d053dd4d7",{"id":203,"url":13,"linktype":14,"fieldtype":15,"cached_url":204},"c3ac0fe3-83e2-4879-afbd-d4c83e1590df","help\u002Farticles\u002Four-official-domains-public-code","Domains & Codebases",{"_uid":207,"name":208,"items":209,"component":138},"998ded67-d107-49f4-8154-ca6be51671ec","Support",[210,213,216,219,222],{"_uid":211,"link":212,"title":16,"new_tab":24,"component":119},"594ffd35-3049-4004-bb08-0db568ebd819",{"id":54,"url":13,"linktype":14,"fieldtype":15,"cached_url":55},{"_uid":214,"link":215,"title":32,"new_tab":33,"component":119},"0a1a55ab-a985-4f9d-8b42-26da714d0c1c",{"id":13,"url":30,"linktype":31,"fieldtype":15,"cached_url":30},{"_uid":217,"link":218,"title":38,"new_tab":33,"component":119},"61e0b7c8-aadf-419b-a339-b3ccabc65bf4",{"id":13,"url":37,"linktype":31,"fieldtype":15,"cached_url":37},{"_uid":220,"link":221,"title":43,"new_tab":33,"component":119},"fd67a89e-1c54-4d31-94b5-64be999062d6",{"id":13,"url":42,"linktype":31,"fieldtype":15,"cached_url":42},{"_uid":223,"link":224,"title":49,"new_tab":24,"component":119},"231a6f71-e996-4ad4-b033-d4d5542f34f0",{"id":47,"url":13,"linktype":14,"fieldtype":15,"cached_url":48},"footer","Get started with our *unlimited free trial*.",[228,235],{"_uid":229,"link":230,"text":233,"component":234},"f0b77210-2632-45a2-8436-e57cad84d01a",{"id":231,"url":13,"linktype":14,"fieldtype":15,"cached_url":232},"60ba16a2-c1f4-485f-b978-8d2eeeafbf5a","terms-of-service","Terms of Service","footer___bottom_links",{"_uid":236,"link":237,"text":240,"component":234},"4bd497b0-993f-4b4d-a5b7-8a49c7c8fec9",{"id":238,"url":13,"linktype":14,"fieldtype":15,"cached_url":239},"332302b9-1d18-4016-b9c8-9b33c72d782b","privacy-policy","Privacy Policy","No credit card required.",{"id":13,"url":182,"linktype":31,"fieldtype":15,"cached_url":182},"default-footer","navigation\u002Fdefault-footer",50,[],"11006268-07f9-41e9-96f3-c51fb723399d","2022-09-21T20:39:02.357Z",[],{"name":251,"created_at":252,"published_at":253,"updated_at":254,"id":255,"uuid":256,"content":257,"slug":279,"full_slug":282,"sort_by_date":59,"position":283,"tag_list":284,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":285,"first_published_at":286,"release_id":59,"lang":65,"path":59,"alternates":287,"default_full_slug":59,"translated_slugs":59},"Search","2024-10-21T22:08:54.973Z","2025-05-26T09:17:25.790Z","2025-05-26T09:17:25.804Z",13592003,"14cbc359-9ac1-4a7a-a8de-ad4ac8ef26d4",{"_uid":258,"name":251,"indices":259,"summary":13,"component":279,"primary_image":280},"5e4a56e8-76f1-4790-b3a7-70f1be97d042",[260,265,269,274],{"key":261,"_uid":262,"icon":13,"name":263,"component":264},"all","c12a3210-7323-4273-8217-5215e52efe84","All","index",{"key":266,"_uid":267,"icon":268,"name":23,"component":264},"help_center_article","5acff080-95e4-44d3-8dcf-1b19720af382","fa-file-alt",{"key":270,"_uid":271,"icon":272,"name":273,"component":264},"help_center_guide","b8fbc206-c083-471e-a1f0-0ebeb90a669d","fa-book","Guides",{"key":275,"_uid":276,"icon":277,"name":278,"component":264},"blog_post","23419e83-2e56-4c4c-8a05-9fd1b3c9a9bd","fa-file-image","Blog Posts","search",{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":281},{},"navigation\u002Fsearch",60,[],"11e1fd31-95cd-4fc9-b736-8b8910663e6c","2024-10-21T23:17:05.904Z",[],{"name":23,"created_at":289,"published_at":290,"updated_at":291,"id":292,"uuid":21,"content":293,"slug":307,"full_slug":22,"sort_by_date":59,"position":308,"tag_list":309,"is_startpage":33,"parent_id":310,"meta_data":59,"group_id":311,"first_published_at":312,"release_id":59,"lang":65,"path":59,"alternates":313,"default_full_slug":59,"translated_slugs":59},"2022-09-19T14:42:29.685Z","2024-07-30T18:17:22.506Z","2024-07-30T18:17:22.525Z",2660,{"_uid":294,"icon":13,"name":23,"guides":295,"pinned":24,"summary":296,"category":13,"component":297,"blog_posts":298,"content_hub":24,"icon_custom":299,"case_studies":300,"faq_sections":301,"help_articles":302,"featured_guides":303,"mailbox_category":13,"featured_articles":304,"featured_blog_posts":305,"featured_case_studies":306},"d6dae89a-907a-4bf7-82de-fe2ba875ee6e",[],"Get your questions answered with our browsable knowledge base.","help_center_category",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"filename":13,"copyright":59,"fieldtype":81},[],[],[],[],[],[],[],"categories",530,[],2658,"19ebcdd2-027f-47f5-9a5b-a8992c959578","2022-09-19T16:24:39.219Z",[],{"name":315,"created_at":316,"published_at":317,"updated_at":318,"id":319,"uuid":320,"content":321,"slug":471,"full_slug":472,"sort_by_date":59,"position":473,"tag_list":474,"is_startpage":24,"parent_id":475,"meta_data":59,"group_id":476,"first_published_at":477,"release_id":59,"lang":65,"path":59,"alternates":478,"default_full_slug":59,"translated_slugs":59},"New Foxy Theme","2026-05-11T21:56:41.353Z","2026-05-26T18:44:49.829Z","2026-05-26T18:44:49.842Z",175501317596615,"d38bc74b-270f-403a-9755-0bf1e11b270d",{"_uid":322,"body":323,"name":315,"image":466,"pinned":24,"summary":468,"category":469,"component":266,"related_articles":470},"6b674f2d-8187-4f0e-9d3b-0ee85338de9e",{"type":324,"content":325},"doc",[326,334,340,345,350,388,393,419,426,428,433,438,443,448,453],{"type":327,"attrs":328,"content":330},"heading",{"level":329,"textAlign":59},2,[331],{"text":332,"type":333},"Overview","text",{"type":335,"attrs":336,"content":337},"paragraph",{"textAlign":59},[338],{"text":339,"type":333},"As of May 2026, we have a new Foxy theme available for stores to use. With a simple addition of some CSS you get a more modern, responsive design that can easily be configured with simple CSS variables.",{"type":327,"attrs":341,"content":342},{"level":329,"textAlign":59},[343],{"text":344,"type":333},"Try It Out",{"type":335,"attrs":346,"content":347},{"textAlign":59},[348],{"text":349,"type":333},"Please click below to view the new theme with our FoxyThreads demo store:",{"type":351,"content":352},"bullet_list",[353,366,377],{"type":354,"content":355},"list_item",[356],{"type":335,"attrs":357,"content":358},{"textAlign":59},[359],{"text":360,"type":333,"marks":361},"Full Page Cart",[362],{"type":363,"attrs":364},"link",{"href":365,"uuid":59,"anchor":59,"target":59,"linktype":31},"http:\u002F\u002Ffoxy-commerce-demo.foxycart.com\u002Fcart?name=Shark%20With%20Lasers%20Shirt&price=24.99&image=https:\u002F\u002Fcdn.prod.website-files.com\u002F61268e56aea9aa4cdef39ff1\u002F698d0f3668103925e737a52b_shark-shirt-black.jpg&Size=Medium&Color=Navy",{"type":354,"content":367},[368],{"type":335,"attrs":369,"content":370},{"textAlign":59},[371],{"text":372,"type":333,"marks":373},"Checkout",[374],{"type":363,"attrs":375},{"href":376,"uuid":59,"anchor":59,"target":59,"linktype":31},"http:\u002F\u002Ffoxy-commerce-demo.foxycart.com\u002Fcart?name=Shark%20With%20Lasers%20Shirt&price=24.99&image=https:\u002F\u002Fcdn.prod.website-files.com\u002F61268e56aea9aa4cdef39ff1\u002F698d0f3668103925e737a52b_shark-shirt-black.jpg&Size=Medium&Color=Navy&cart=checkout",{"type":354,"content":378},[379],{"type":335,"attrs":380,"content":381},{"textAlign":59},[382],{"text":383,"type":333,"marks":384},"Web Receipt",[385],{"type":363,"attrs":386},{"href":387,"uuid":59,"anchor":59,"target":59,"linktype":31},"https:\u002F\u002Ffoxy-commerce-demo.foxycart.com\u002Freceipt?id=cb18216bc22ce9e95942f8f9a804bdcff60021fbd27a4009ddf1ca1dbffc2060",{"type":327,"attrs":389,"content":390},{"level":329,"textAlign":59},[391],{"text":392,"type":333},"Apply Theme",{"type":335,"attrs":394,"content":395},{"textAlign":59},[396,398,404,406,411,413,417],{"text":397,"type":333},"Applying the new theme to your Foxy store couldn't be easier. In the ",{"text":399,"type":333,"marks":400},"Foxy admin",[401],{"type":363,"attrs":402},{"href":403,"uuid":59,"anchor":59,"target":59,"linktype":31},"https:\u002F\u002Fadmin.foxy.io\u002F",{"text":405,"type":333},", go to ",{"text":407,"type":333,"marks":408},"Settings",[409],{"type":410},"bold",{"text":412,"type":333}," > ",{"text":414,"type":333,"marks":415},"Templates. ",[416],{"type":410},{"text":418,"type":333},"Copy\u002Fpaste the CSS below into the Custom Header section:",{"type":420,"attrs":421,"content":423},"code_block",{"class":422},"language-css",[424],{"text":425,"type":333},"\u003Cstyle>\n\u002F*  DESIGN VARIABLES     *\u002F\n#fc {\n  \u002F* ─── FONTS ─── *\u002F\n  --foxy-font-body:                                \u002F* Body text, labels, inputs *\u002F\n    -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  --foxy-font-heading:                             \u002F* Section headings, cart title *\u002F\n    -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  --foxy-font-weight-normal: 400;                  \u002F* Body text, subtotal labels *\u002F\n  --foxy-font-weight-semi: 600;                    \u002F* Buttons, item names, headings *\u002F\n  --foxy-font-weight-bold: 700;                    \u002F* Legends, order total, receipt headings *\u002F\n  --foxy-font-size-heading: 17px;                  \u002F* Section headings, cart title *\u002F\n  --foxy-font-size-body: 13px;                    \u002F* Body text, labels, inputs, item options *\u002F\n\n  \u002F* ─── COLORS ─── *\u002F\n  --foxy-background: #ffffff;                      \u002F* Main surface — form panel, sidecart, receipt *\u002F\n  --foxy-sidebar-background: #fafafa;              \u002F* Right panel on desktop (cart summary side) *\u002F\n  --foxy-text: #1a1a1a;                            \u002F* Primary text *\u002F\n  --foxy-text-muted: #707070;                      \u002F* Helper text, \"Remove\" links, receipt labels *\u002F\n  --foxy-heading-color: #1a1a1a;                   \u002F* All headings and legends *\u002F\n  --foxy-border: #e5e5e5;                          \u002F* Item dividers, image outlines, table borders *\u002F\n  --foxy-divider: #e1e1e1;                         \u002F* Vertical line between panels on desktop *\u002F\n  --foxy-radius: 8px;                              \u002F* Corner rounding on buttons, inputs, alerts *\u002F\n\n  \u002F* ─── PRIMARY BUTTON — Submit, Checkout, Continue, Go ─── *\u002F\n  --foxy-button-background: #1a1a1a;               \u002F* Fill color *\u002F\n  --foxy-button-text: #ffffff;                     \u002F* Text and icon color *\u002F\n  --foxy-button-border: #1a1a1a;                   \u002F* Border color *\u002F\n  --foxy-button-hover-background: #333333;         \u002F* Fill on hover *\u002F\n  --foxy-button-hover-text: #ffffff;               \u002F* Text on hover *\u002F\n  --foxy-button-hover-border: #333333;             \u002F* Border on hover *\u002F\n\n  \u002F* ─── SECONDARY BUTTON — Continue Shopping, Cancel, Apply Coupon ─── *\u002F\n  --foxy-secondary-button-background: transparent;        \u002F* Outline style by default *\u002F\n  --foxy-secondary-button-text: #1a1a1a;\n  --foxy-secondary-button-border: #1a1a1a;\n  --foxy-secondary-button-hover-background: #1a1a1a;      \u002F* Inverts to solid on hover *\u002F\n  --foxy-secondary-button-hover-text: #ffffff;\n  --foxy-secondary-button-hover-border: #1a1a1a;\n\n  \u002F* ─── INPUTS ─── *\u002F\n  --foxy-input-background: #ffffff;                \u002F* Input, select, textarea fill *\u002F\n  --foxy-input-text: #1a1a1a;                      \u002F* Typed text *\u002F\n  --foxy-input-border: #e5e5e5;                    \u002F* Border color *\u002F\n  --foxy-input-focus-border: #000000;              \u002F* Border when focused *\u002F\n  --foxy-button-focus-ring: 0 0 0 3px rgba(26,26,26,0.2); \u002F* Glow around focused buttons *\u002F\n\n  \u002F* ─── LINKS ─── *\u002F\n  --foxy-link-color: #1a1a1a;                      \u002F* Link text color *\u002F\n  --foxy-link-hover-color: #545454;                \u002F* Link hover color *\u002F\n  --foxy-discount-color: #1a1a1a;                  \u002F* Discount label and value text *\u002F\n\n  \u002F* ─── ALERTS ─── *\u002F\n  --foxy-success-background: #e8f5e9;\n  --foxy-success-border: #c8e6c9;\n  --foxy-success-text: #2e7d32;\n  --foxy-warning-background: #fff8e1;\n  --foxy-warning-border: #ffecb3;\n  --foxy-warning-text: #e65100;\n  --foxy-info-background: #f0f0f0;\n  --foxy-info-border: #e0e0e0;\n  --foxy-info-text: #333333;\n  --foxy-danger-background: #fdecea;\n  --foxy-danger-border: #f5c6cb;\n  --foxy-danger-text: #b71c1c;\n}\n\u003C\u002Fstyle>\n\u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Fcdn-js.foxy.io\u002Fwebsite-helpers@1\u002Ffoxy-styles\u002Ffoxy-theme-overrides.css\">",{"type":335,"attrs":427},{"textAlign":59},{"type":335,"attrs":429,"content":430},{"textAlign":59},[431],{"text":432,"type":333},"Modify the design variables as needed and save changes. Now when you access any of your Foxy store pages (sidecart, full page cart, checkout, and web receipt) you should see the new theme applied. You may need to do a hard refresh or clear your browser's cache for changes to reflect.",{"type":327,"attrs":434,"content":435},{"level":329,"textAlign":59},[436],{"text":437,"type":333},"Preload CSS File",{"type":335,"attrs":439,"content":440},{"textAlign":59},[441],{"text":442,"type":333},"If you're using Foxy's sidecart, we recommend copying\u002Fpasting the following into your website's global header. This will preload styling to ensure there is no blip\u002Fdelay when sidecart slides in.",{"type":420,"attrs":444,"content":445},{"class":422},[446],{"text":447,"type":333},"\u003Clink rel=\"preload\" href=\"https:\u002F\u002Fcdn-js.foxy.io\u002Fwebsite-helpers@1\u002Ffoxy-styles\u002Ffoxy-theme-overrides.css\" as=\"style\">",{"type":327,"attrs":449,"content":450},{"level":329,"textAlign":59},[451],{"text":452,"type":333},"Advanced Customizations",{"type":335,"attrs":454,"content":455},{"textAlign":59},[456,458,464],{"text":457,"type":333},"The design tokens make it super easy to customize colors, fonts, and more, but if you're wanting to do more advanced customizations, you can access the core CSS ",{"text":459,"type":333,"marks":460},"here",[461],{"type":363,"attrs":462},{"href":463,"uuid":59,"anchor":59,"target":59,"linktype":31},"https:\u002F\u002Fcdn-js.foxy.io\u002Fwebsite-helpers@1\u002Ffoxy-styles\u002Ffoxy-theme-overrides.css",{"text":465,"type":333},".",{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":467},{},"Give your Foxy templates a fresh look and apply brand colors and styling with easy to use design tokens.","23f58889-7ab0-45fa-9110-a200c64684b5",[],"new-foxy-theme","help\u002Farticles\u002Fnew-foxy-theme",-1770,[],2659,"03cc62e1-37b5-4979-920a-ba75960fb6f9","2026-05-13T01:09:16.649Z",[],{"html":480,"sections":481,"segments":493},"\u003Csection id=\"overview\" data-title=\"Overview\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"overview\">Overview\u003C\u002Fh2>\u003Cp>As of May 2026, we have a new Foxy theme available for stores to use. With a simple addition of some CSS you get a more modern, responsive design that can easily be configured with simple CSS variables.\u003C\u002Fp>\u003C\u002Fsection>\u003Csection id=\"try-it-out\" data-title=\"Try It Out\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"try-it-out\">Try It Out\u003C\u002Fh2>\u003Cp>Please click below to view the new theme with our FoxyThreads demo store:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp>\u003Ca href=\"http:\u002F\u002Ffoxy-commerce-demo.foxycart.com\u002Fcart?name=Shark%20With%20Lasers%20Shirt&price=24.99&image=https:\u002F\u002Fcdn.prod.website-files.com\u002F61268e56aea9aa4cdef39ff1\u002F698d0f3668103925e737a52b_shark-shirt-black.jpg&Size=Medium&Color=Navy\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"\">Full Page Cart\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Ca href=\"http:\u002F\u002Ffoxy-commerce-demo.foxycart.com\u002Fcart?name=Shark%20With%20Lasers%20Shirt&price=24.99&image=https:\u002F\u002Fcdn.prod.website-files.com\u002F61268e56aea9aa4cdef39ff1\u002F698d0f3668103925e737a52b_shark-shirt-black.jpg&Size=Medium&Color=Navy&cart=checkout\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"\">Checkout\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Ca href=\"https:\u002F\u002Ffoxy-commerce-demo.foxycart.com\u002Freceipt?id=cb18216bc22ce9e95942f8f9a804bdcff60021fbd27a4009ddf1ca1dbffc2060\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"\">Web Receipt\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fsection>\u003Csection id=\"apply-theme\" data-title=\"Apply Theme\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"apply-theme\">Apply Theme\u003C\u002Fh2>\u003Cp>Applying the new theme to your Foxy store couldn't be easier. In the \u003Ca href=\"https:\u002F\u002Fadmin.foxy.io\u002F\" class=\"\">Foxy admin\u003C\u002Fa>, go to \u003Cstrong>Settings\u003C\u002Fstrong> > \u003Cstrong>Templates. \u003C\u002Fstrong>Copy\u002Fpaste the CSS below into the Custom Header section:\u003C\u002Fp>\u003Cdiv class=\"position-relative w-100 overflow-hidden rounded-2\" data-code-block>\u003Cdiv class=\"d-flex justify-content-end border-bottom\" style=\"background:#2b2c3b;\">\u003Cbutton type=\"button\" class=\"btn btn-link btn-sm text-light\" title=\"Copy\" data-code-button>\u003Cspan data-code-default style=\"\">\u003Ci class=\"fal fa-copy me-2\">\u003C\u002Fi> Copy \u003C\u002Fspan>\u003Cspan class=\"text-success\" data-code-success style=\"display:none;\">\u003Ci class=\"fal fa-check ms-2\">\u003C\u002Fi> Copied \u003C\u002Fspan>\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv class=\"small\">\u003Cpre class=\"hljs p-2\" data-code-content>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">style\u003C\u002Fspan>>\u003C\u002Fspan>\n\u002F*  DESIGN VARIABLES     *\u002F\n#fc {\n  \u002F* ─── FONTS ─── *\u002F\n  --foxy-font-body:                                \u002F* Body text, labels, inputs *\u002F\n    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,\n    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n  --foxy-font-heading:                             \u002F* Section headings, cart title *\u002F\n    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,\n    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n  --foxy-font-weight-normal: 400;                  \u002F* Body text, subtotal labels *\u002F\n  --foxy-font-weight-semi: 600;                    \u002F* Buttons, item names, headings *\u002F\n  --foxy-font-weight-bold: 700;                    \u002F* Legends, order total, receipt headings *\u002F\n  --foxy-font-size-heading: 17px;                  \u002F* Section headings, cart title *\u002F\n  --foxy-font-size-body: 13px;                    \u002F* Body text, labels, inputs, item options *\u002F\n\n  \u002F* ─── COLORS ─── *\u002F\n  --foxy-background: #ffffff;                      \u002F* Main surface — form panel, sidecart, receipt *\u002F\n  --foxy-sidebar-background: #fafafa;              \u002F* Right panel on desktop (cart summary side) *\u002F\n  --foxy-text: #1a1a1a;                            \u002F* Primary text *\u002F\n  --foxy-text-muted: #707070;                      \u002F* Helper text, "Remove" links, receipt labels *\u002F\n  --foxy-heading-color: #1a1a1a;                   \u002F* All headings and legends *\u002F\n  --foxy-border: #e5e5e5;                          \u002F* Item dividers, image outlines, table borders *\u002F\n  --foxy-divider: #e1e1e1;                         \u002F* Vertical line between panels on desktop *\u002F\n  --foxy-radius: 8px;                              \u002F* Corner rounding on buttons, inputs, alerts *\u002F\n\n  \u002F* ─── PRIMARY BUTTON — Submit, Checkout, Continue, Go ─── *\u002F\n  --foxy-button-background: #1a1a1a;               \u002F* Fill color *\u002F\n  --foxy-button-text: #ffffff;                     \u002F* Text and icon color *\u002F\n  --foxy-button-border: #1a1a1a;                   \u002F* Border color *\u002F\n  --foxy-button-hover-background: #333333;         \u002F* Fill on hover *\u002F\n  --foxy-button-hover-text: #ffffff;               \u002F* Text on hover *\u002F\n  --foxy-button-hover-border: #333333;             \u002F* Border on hover *\u002F\n\n  \u002F* ─── SECONDARY BUTTON — Continue Shopping, Cancel, Apply Coupon ─── *\u002F\n  --foxy-secondary-button-background: transparent;        \u002F* Outline style by default *\u002F\n  --foxy-secondary-button-text: #1a1a1a;\n  --foxy-secondary-button-border: #1a1a1a;\n  --foxy-secondary-button-hover-background: #1a1a1a;      \u002F* Inverts to solid on hover *\u002F\n  --foxy-secondary-button-hover-text: #ffffff;\n  --foxy-secondary-button-hover-border: #1a1a1a;\n\n  \u002F* ─── INPUTS ─── *\u002F\n  --foxy-input-background: #ffffff;                \u002F* Input, select, textarea fill *\u002F\n  --foxy-input-text: #1a1a1a;                      \u002F* Typed text *\u002F\n  --foxy-input-border: #e5e5e5;                    \u002F* Border color *\u002F\n  --foxy-input-focus-border: #000000;              \u002F* Border when focused *\u002F\n  --foxy-button-focus-ring: 0 0 0 3px rgba(26,26,26,0.2); \u002F* Glow around focused buttons *\u002F\n\n  \u002F* ─── LINKS ─── *\u002F\n  --foxy-link-color: #1a1a1a;                      \u002F* Link text color *\u002F\n  --foxy-link-hover-color: #545454;                \u002F* Link hover color *\u002F\n  --foxy-discount-color: #1a1a1a;                  \u002F* Discount label and value text *\u002F\n\n  \u002F* ─── ALERTS ─── *\u002F\n  --foxy-success-background: #e8f5e9;\n  --foxy-success-border: #c8e6c9;\n  --foxy-success-text: #2e7d32;\n  --foxy-warning-background: #fff8e1;\n  --foxy-warning-border: #ffecb3;\n  --foxy-warning-text: #e65100;\n  --foxy-info-background: #f0f0f0;\n  --foxy-info-border: #e0e0e0;\n  --foxy-info-text: #333333;\n  --foxy-danger-background: #fdecea;\n  --foxy-danger-border: #f5c6cb;\n  --foxy-danger-text: #b71c1c;\n}\n\u003Cspan class=\"hljs-tag\"><\u002F\u003Cspan class=\"hljs-name\">style\u003C\u002Fspan>>\u003C\u002Fspan>\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">link\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">rel\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"stylesheet"\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">href\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"https:\u002F\u002Fcdn-js.foxy.io\u002Fwebsite-helpers@1\u002Ffoxy-styles\u002Ffoxy-theme-overrides.css"\u003C\u002Fspan>>\u003C\u002Fspan>\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cp>\u003C\u002Fp>\u003Cp>Modify the design variables as needed and save changes. Now when you access any of your Foxy store pages (sidecart, full page cart, checkout, and web receipt) you should see the new theme applied. You may need to do a hard refresh or clear your browser's cache for changes to reflect.\u003C\u002Fp>\u003C\u002Fsection>\u003Csection id=\"preload-css-file\" data-title=\"Preload CSS File\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"preload-css-file\">Preload CSS File\u003C\u002Fh2>\u003Cp>If you're using Foxy's sidecart, we recommend copying\u002Fpasting the following into your website's global header. This will preload styling to ensure there is no blip\u002Fdelay when sidecart slides in.\u003C\u002Fp>\u003Cdiv class=\"position-relative w-100 overflow-hidden rounded-2\" data-code-block>\u003Cdiv class=\"d-flex justify-content-end border-bottom\" style=\"background:#2b2c3b;\">\u003Cbutton type=\"button\" class=\"btn btn-link btn-sm text-light\" title=\"Copy\" data-code-button>\u003Cspan data-code-default style=\"\">\u003Ci class=\"fal fa-copy me-2\">\u003C\u002Fi> Copy \u003C\u002Fspan>\u003Cspan class=\"text-success\" data-code-success style=\"display:none;\">\u003Ci class=\"fal fa-check ms-2\">\u003C\u002Fi> Copied \u003C\u002Fspan>\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv class=\"small\">\u003Cpre class=\"hljs p-2\" data-code-content>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">link\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">rel\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"preload"\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">href\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"https:\u002F\u002Fcdn-js.foxy.io\u002Fwebsite-helpers@1\u002Ffoxy-styles\u002Ffoxy-theme-overrides.css"\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">as\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"style"\u003C\u002Fspan>>\u003C\u002Fspan>\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fsection>\u003Csection id=\"advanced-customizations\" data-title=\"Advanced Customizations\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"advanced-customizations\">Advanced Customizations\u003C\u002Fh2>\u003Cp>The design tokens make it super easy to customize colors, fonts, and more, but if you're wanting to do more advanced customizations, you can access the core CSS \u003Ca href=\"https:\u002F\u002Fcdn-js.foxy.io\u002Fwebsite-helpers@1\u002Ffoxy-styles\u002Ffoxy-theme-overrides.css\" class=\"\">here\u003C\u002Fa>.\u003C\u002Fp>\u003C\u002Fsection>",[482,485,487,489,491],{"id":483,"title":332,"level":484},"overview","H2",{"id":486,"title":344,"level":484},"try-it-out",{"id":488,"title":392,"level":484},"apply-theme",{"id":490,"title":437,"level":484},"preload-css-file",{"id":492,"title":452,"level":484},"advanced-customizations",[494],{"type":495,"content":496},"html","\u003Ch2>Overview\u003C\u002Fh2>\u003Cp>As of May 2026, we have a new Foxy theme available for stores to use. With a simple addition of some CSS you get a more modern, responsive design that can easily be configured with simple CSS variables.\u003C\u002Fp>\u003Ch2>Try It Out\u003C\u002Fh2>\u003Cp>Please click below to view the new theme with our FoxyThreads demo store:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp>\u003Ca href=\"http:\u002F\u002Ffoxy-commerce-demo.foxycart.com\u002Fcart?name=Shark%20With%20Lasers%20Shirt&price=24.99&image=https:\u002F\u002Fcdn.prod.website-files.com\u002F61268e56aea9aa4cdef39ff1\u002F698d0f3668103925e737a52b_shark-shirt-black.jpg&Size=Medium&Color=Navy\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"\">Full Page Cart\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Ca href=\"http:\u002F\u002Ffoxy-commerce-demo.foxycart.com\u002Fcart?name=Shark%20With%20Lasers%20Shirt&price=24.99&image=https:\u002F\u002Fcdn.prod.website-files.com\u002F61268e56aea9aa4cdef39ff1\u002F698d0f3668103925e737a52b_shark-shirt-black.jpg&Size=Medium&Color=Navy&cart=checkout\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"\">Checkout\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Ca href=\"https:\u002F\u002Ffoxy-commerce-demo.foxycart.com\u002Freceipt?id=cb18216bc22ce9e95942f8f9a804bdcff60021fbd27a4009ddf1ca1dbffc2060\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"\">Web Receipt\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>Apply Theme\u003C\u002Fh2>\u003Cp>Applying the new theme to your Foxy store couldn't be easier. In the \u003Ca href=\"https:\u002F\u002Fadmin.foxy.io\u002F\" class=\"\">Foxy admin\u003C\u002Fa>, go to \u003Cstrong>Settings\u003C\u002Fstrong> > \u003Cstrong>Templates. \u003C\u002Fstrong>Copy\u002Fpaste the CSS below into the Custom Header section:\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-css\"><style>\n\u002F*  DESIGN VARIABLES     *\u002F\n#fc {\n  \u002F* ─── FONTS ─── *\u002F\n  --foxy-font-body:                                \u002F* Body text, labels, inputs *\u002F\n    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,\n    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n  --foxy-font-heading:                             \u002F* Section headings, cart title *\u002F\n    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,\n    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n  --foxy-font-weight-normal: 400;                  \u002F* Body text, subtotal labels *\u002F\n  --foxy-font-weight-semi: 600;                    \u002F* Buttons, item names, headings *\u002F\n  --foxy-font-weight-bold: 700;                    \u002F* Legends, order total, receipt headings *\u002F\n  --foxy-font-size-heading: 17px;                  \u002F* Section headings, cart title *\u002F\n  --foxy-font-size-body: 13px;                    \u002F* Body text, labels, inputs, item options *\u002F\n\n  \u002F* ─── COLORS ─── *\u002F\n  --foxy-background: #ffffff;                      \u002F* Main surface — form panel, sidecart, receipt *\u002F\n  --foxy-sidebar-background: #fafafa;              \u002F* Right panel on desktop (cart summary side) *\u002F\n  --foxy-text: #1a1a1a;                            \u002F* Primary text *\u002F\n  --foxy-text-muted: #707070;                      \u002F* Helper text, "Remove" links, receipt labels *\u002F\n  --foxy-heading-color: #1a1a1a;                   \u002F* All headings and legends *\u002F\n  --foxy-border: #e5e5e5;                          \u002F* Item dividers, image outlines, table borders *\u002F\n  --foxy-divider: #e1e1e1;                         \u002F* Vertical line between panels on desktop *\u002F\n  --foxy-radius: 8px;                              \u002F* Corner rounding on buttons, inputs, alerts *\u002F\n\n  \u002F* ─── PRIMARY BUTTON — Submit, Checkout, Continue, Go ─── *\u002F\n  --foxy-button-background: #1a1a1a;               \u002F* Fill color *\u002F\n  --foxy-button-text: #ffffff;                     \u002F* Text and icon color *\u002F\n  --foxy-button-border: #1a1a1a;                   \u002F* Border color *\u002F\n  --foxy-button-hover-background: #333333;         \u002F* Fill on hover *\u002F\n  --foxy-button-hover-text: #ffffff;               \u002F* Text on hover *\u002F\n  --foxy-button-hover-border: #333333;             \u002F* Border on hover *\u002F\n\n  \u002F* ─── SECONDARY BUTTON — Continue Shopping, Cancel, Apply Coupon ─── *\u002F\n  --foxy-secondary-button-background: transparent;        \u002F* Outline style by default *\u002F\n  --foxy-secondary-button-text: #1a1a1a;\n  --foxy-secondary-button-border: #1a1a1a;\n  --foxy-secondary-button-hover-background: #1a1a1a;      \u002F* Inverts to solid on hover *\u002F\n  --foxy-secondary-button-hover-text: #ffffff;\n  --foxy-secondary-button-hover-border: #1a1a1a;\n\n  \u002F* ─── INPUTS ─── *\u002F\n  --foxy-input-background: #ffffff;                \u002F* Input, select, textarea fill *\u002F\n  --foxy-input-text: #1a1a1a;                      \u002F* Typed text *\u002F\n  --foxy-input-border: #e5e5e5;                    \u002F* Border color *\u002F\n  --foxy-input-focus-border: #000000;              \u002F* Border when focused *\u002F\n  --foxy-button-focus-ring: 0 0 0 3px rgba(26,26,26,0.2); \u002F* Glow around focused buttons *\u002F\n\n  \u002F* ─── LINKS ─── *\u002F\n  --foxy-link-color: #1a1a1a;                      \u002F* Link text color *\u002F\n  --foxy-link-hover-color: #545454;                \u002F* Link hover color *\u002F\n  --foxy-discount-color: #1a1a1a;                  \u002F* Discount label and value text *\u002F\n\n  \u002F* ─── ALERTS ─── *\u002F\n  --foxy-success-background: #e8f5e9;\n  --foxy-success-border: #c8e6c9;\n  --foxy-success-text: #2e7d32;\n  --foxy-warning-background: #fff8e1;\n  --foxy-warning-border: #ffecb3;\n  --foxy-warning-text: #e65100;\n  --foxy-info-background: #f0f0f0;\n  --foxy-info-border: #e0e0e0;\n  --foxy-info-text: #333333;\n  --foxy-danger-background: #fdecea;\n  --foxy-danger-border: #f5c6cb;\n  --foxy-danger-text: #b71c1c;\n}\n<\u002Fstyle>\n<link rel="stylesheet" href="https:\u002F\u002Fcdn-js.foxy.io\u002Fwebsite-helpers@1\u002Ffoxy-styles\u002Ffoxy-theme-overrides.css">\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>\u003C\u002Fp>\u003Cp>Modify the design variables as needed and save changes. Now when you access any of your Foxy store pages (sidecart, full page cart, checkout, and web receipt) you should see the new theme applied. You may need to do a hard refresh or clear your browser's cache for changes to reflect.\u003C\u002Fp>\u003Ch2>Preload CSS File\u003C\u002Fh2>\u003Cp>If you're using Foxy's sidecart, we recommend copying\u002Fpasting the following into your website's global header. This will preload styling to ensure there is no blip\u002Fdelay when sidecart slides in.\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-css\"><link rel="preload" href="https:\u002F\u002Fcdn-js.foxy.io\u002Fwebsite-helpers@1\u002Ffoxy-styles\u002Ffoxy-theme-overrides.css" as="style">\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch2>Advanced Customizations\u003C\u002Fh2>\u003Cp>The design tokens make it super easy to customize colors, fonts, and more, but if you're wanting to do more advanced customizations, you can access the core CSS \u003Ca href=\"https:\u002F\u002Fcdn-js.foxy.io\u002Fwebsite-helpers@1\u002Ffoxy-styles\u002Ffoxy-theme-overrides.css\" class=\"\">here\u003C\u002Fa>.\u003C\u002Fp>",{"name":498,"created_at":499,"published_at":500,"updated_at":501,"id":502,"uuid":47,"content":503,"slug":48,"full_slug":48,"sort_by_date":59,"position":681,"tag_list":682,"is_startpage":24,"parent_id":59,"meta_data":59,"group_id":683,"first_published_at":684,"release_id":59,"lang":65,"path":59,"alternates":685,"default_full_slug":59,"translated_slugs":59},"Contact","2022-09-23T19:56:58.957Z","2025-05-08T18:24:40.382Z","2025-05-08T18:24:40.392Z",3138,{"seo":504,"_uid":507,"title":508,"action":509,"fields":510,"method":657,"columns":658,"subtitle":672,"component":48,"button_text":678,"submit_title":679,"submit_subtitle":680},{"_uid":505,"title":498,"plugin":506,"description":13},"24ff7574-3bcc-48d2-85b5-e529dfea1cc4","meta-fields","8f54f1da-9d8f-49b2-89e7-840e886491cb","We're here to help.","https:\u002F\u002Fusebasin.com\u002Ff\u002F029f48d65402",[511,516,520,628,631,636,651],{"_uid":512,"name":513,"type":333,"label":514,"options":13,"required":33,"component":515,"placeholder":13},"9a70b226-2036-4f90-a052-b3efa61c5896","name","Name","form___field",{"_uid":517,"name":518,"type":518,"label":519,"options":13,"required":33,"component":515,"placeholder":13},"86ba35be-ff43-4a28-8633-14052a8f6622","email","Email Address",{"_uid":521,"name":522,"type":523,"label":524,"options":525,"required":33,"component":515,"conditions":526,"placeholder":13},"3f827475-492c-4f97-aa1e-2386ac263b6c","topic","select","Topic","Presales, Support, Billing, Partnerships, Order Enquiry, Other",[527,582,592,599,607,615,621],{"_uid":528,"equals":529,"fields":530,"component":581},"e21d97dd-e68e-4fa6-ba97-bc40f3041dde","Order Enquiry",[531],{"_uid":532,"body":533,"type":579,"title":13,"component":580},"b64992bc-6d53-48b8-b7a0-d81e5a062e50",{"type":324,"content":534},[535],{"type":335,"content":536},[537,539,546,548,550,551,555,557,562,570,572,577],{"text":538,"type":333},"We are ",{"text":540,"type":333,"marks":541},"Foxy.io",[542],{"type":363,"attrs":543},{"href":544,"uuid":59,"anchor":59,"custom":545,"target":59,"linktype":31},"http:\u002F\u002FFoxy.io",{},{"text":547,"type":333},", an ecommerce platform powering ecommerce for other merchants. We do not sell products, and are unable to assist with questions about order statuses or refunds for any merchants using our platform. Please contact the merchant you ordered from for assistance. If you’d like to report a store using Foxy for fraudulent practices, please select ‘other’ in the subject.",{"type":549},"hard_break",{"type":549},{"text":552,"type":333,"marks":553},"NOTE:",[554],{"type":410},{"text":556,"type":333}," We are ",{"text":558,"type":333,"marks":559},"not ",[560],{"type":561},"italic",{"text":563,"type":333,"marks":564},"Foxy.in",[565,569],{"type":363,"attrs":566},{"href":567,"uuid":59,"anchor":59,"custom":568,"target":59,"linktype":31},"http:\u002F\u002FFoxy.in",{},{"type":561},{"text":571,"type":333},". We are not in any way affiliated with ",{"text":563,"type":333,"marks":573},[574],{"type":363,"attrs":575},{"href":567,"uuid":59,"anchor":59,"custom":576,"target":59,"linktype":31},{},{"text":578,"type":333},", and cannot help in any way with your order from that website.","danger","global___alert","form___condition",{"_uid":583,"equals":584,"fields":585,"component":581},"8765c3e1-25cf-44aa-b8ea-fc6094acf9c3","Presales",[586],{"_uid":587,"name":588,"type":589,"label":13,"options":13,"required":24,"component":515,"conditions":590,"placeholder":13,"default_value":591},"cf464f8e-d643-4f6e-af29-d3abffaf7380","department_email_address","hidden",[],"hello@foxy.io",{"_uid":593,"equals":208,"fields":594,"component":581},"4007b6d8-77e5-421d-bd1e-6f336dd853fb",[595],{"_uid":596,"name":588,"type":589,"label":13,"options":13,"required":24,"component":515,"conditions":597,"placeholder":13,"default_value":598},"7b4c6aa5-a68c-45e0-9ce1-0a36af10c0c2",[],"help@foxy.io",{"_uid":600,"equals":601,"fields":602,"component":581},"1dbb8f11-613d-43cd-9e09-1b94f6e19219","Billing",[603],{"_uid":604,"name":588,"type":589,"label":13,"options":13,"required":24,"component":515,"conditions":605,"placeholder":13,"default_value":606},"a0ac0d1b-bc4f-4a6c-a682-581d450b0b73",[],"help+billing@foxy.io",{"_uid":608,"equals":609,"fields":610,"component":581},"a0a53a50-7172-4a29-ba58-181e38874e12","Partnerships",[611],{"_uid":612,"name":588,"type":589,"label":13,"options":13,"required":24,"component":515,"conditions":613,"placeholder":13,"default_value":614},"7aa011d9-f374-4aed-b5a5-929b54aaf152",[],"partners@foxy.io",{"_uid":616,"equals":529,"fields":617,"component":581},"a4cd431f-25d5-41c7-bfdc-02c908c8fb47",[618],{"_uid":619,"name":588,"type":589,"label":13,"options":13,"required":24,"component":515,"conditions":620,"placeholder":13,"default_value":591},"f5d52168-d6ae-451b-94ee-2ced1cbd28ad",[],{"_uid":622,"equals":623,"fields":624,"component":581},"25aba1ed-eb41-4bbc-aa89-f7a7167ea86e","Other",[625],{"_uid":626,"name":588,"type":589,"label":13,"options":13,"required":24,"component":515,"conditions":627,"placeholder":13,"default_value":591},"f40dfaef-c203-4b71-bf4e-e1b43cef192b",[],{"_uid":629,"component":630},"e9c53a05-f40a-4510-aaf8-bc072a235a0c","form___subject",{"_uid":632,"name":633,"type":634,"label":635,"options":13,"required":33,"component":515,"placeholder":13},"a4c4d385-fff4-4978-99fb-b68cfea623d6","message","textarea","Message",{"_uid":637,"name":638,"type":523,"label":639,"options":640,"required":33,"component":515,"conditions":641,"placeholder":13},"8a3c9f85-f438-427d-9c7a-d7b295a14b5b","existing_user","Are you an existing user?","No, Yes",[642],{"_uid":643,"equals":644,"fields":645,"component":581},"115933d6-262a-4b59-8fa8-579c5ad73de1","Yes",[646],{"_uid":647,"name":648,"type":333,"label":649,"options":13,"required":33,"component":515,"conditions":650,"placeholder":13},"44b6ff23-98f0-4e95-b7f5-c23e06415c2d","subdomain","Store Subdomain",[],{"_uid":652,"name":653,"type":523,"label":654,"options":655,"required":33,"component":515,"conditions":656,"placeholder":13},"922a5cef-3af2-4113-8855-36c7910e3ee3","user_type","What type of user are you?","Developer, Designer, Merchant",[],"POST",[659],{"_uid":660,"text":661,"title":670,"component":671},"7323b90d-a93a-4bf1-baa9-20d0b7ead61b",{"type":324,"content":662},[663],{"type":335,"content":664},[665,667,668],{"text":666,"type":333},"855.369.9227",{"type":549},{"text":669,"type":333},"9:30am-6pm Central M-F","Pre-sales, Sales, & Partnerships","contact___footer_column",{"type":324,"content":673},[674],{"type":335,"content":675},[676],{"text":677,"type":333},"Get in touch to get help from our friendly support team.","Submit","Success!","Your email has been received. We'll get back to you as soon as we can, but it might take a business day. If you don't hear back from us in a timely manner, please check your spam folder to ensure our reply didn't go there.",-80,[],"2fd9fb7d-a48a-4184-acfd-30022d8d6f08","2022-09-23T20:10:45.360Z",[],[288,687,714],{"name":688,"created_at":689,"published_at":690,"updated_at":691,"id":692,"uuid":693,"content":694,"slug":708,"full_slug":709,"sort_by_date":59,"position":710,"tag_list":711,"is_startpage":24,"parent_id":310,"meta_data":59,"group_id":712,"first_published_at":690,"release_id":59,"lang":65,"path":59,"alternates":713,"default_full_slug":59,"translated_slugs":59},"Templates","2023-01-19T16:30:39.158Z","2023-01-19T17:25:34.000Z","2023-01-19T17:25:34.017Z",28248,"d584ea62-7dcd-4152-be82-6ee0fdeb153c",{"_uid":695,"icon":696,"name":688,"guides":697,"summary":698,"category":13,"component":297,"blog_posts":699,"content_hub":24,"icon_custom":700,"case_studies":701,"faq_sections":702,"help_articles":703,"featured_guides":704,"mailbox_category":13,"featured_articles":705,"featured_blog_posts":706,"featured_case_studies":707},"a86c693a-d801-4062-b52b-47c4d9e82416","fa-pencil-paintbrush",[],"Customize Foxy related templates.",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"filename":13,"copyright":59,"fieldtype":81},[],[],[],[],[],[],[],"templates","help\u002Fcategories\u002Ftemplates",70,[],"4e91bfd5-f795-474d-874f-ae78f4631d0c",[],{"name":715,"created_at":716,"published_at":717,"updated_at":718,"id":719,"uuid":469,"content":720,"slug":733,"full_slug":734,"sort_by_date":59,"position":735,"tag_list":736,"is_startpage":24,"parent_id":310,"meta_data":59,"group_id":737,"first_published_at":738,"release_id":59,"lang":65,"path":59,"alternates":739,"default_full_slug":59,"translated_slugs":59},"Templates Overview","2024-11-07T10:09:04.970Z","2024-11-07T10:10:12.244Z","2024-11-07T10:10:12.263Z",14944254,{"_uid":721,"icon":13,"name":715,"guides":722,"pinned":33,"summary":13,"category":693,"component":297,"blog_posts":723,"content_hub":24,"icon_custom":724,"case_studies":726,"faq_sections":727,"help_articles":728,"featured_guides":729,"mailbox_category":13,"featured_articles":730,"featured_blog_posts":731,"featured_case_studies":732},"b5f44469-107c-453f-bbec-2a6b97b7b23f",[],[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":725},{},[],[],[],[],[],[],[],"templates-overview","help\u002Fcategories\u002Ftemplates-overview",-40,[],"6937f11a-4b77-45b5-a685-4520d4e7b945","2024-11-07T10:09:15.824Z",[],{},1784562228238]