{"id":65115,"date":"2026-02-10T05:03:21","date_gmt":"2026-02-10T10:03:21","guid":{"rendered":"http:\/\/hasanet"},"modified":"2026-02-10T05:03:21","modified_gmt":"2026-02-10T10:03:21","password":"","slug":"cart-panel","status":"publish","type":"docs","link":"https:\/\/themefic.com\/instantio\/docs\/instantio-design-settings\/cart-panel\/","title":{"rendered":"Cart Panel"},"content":{"rendered":"<p>With Instantio&#8217;s comprehensive design settings panel, you have the ability to modify the design of nearly all Instantio elements. The second section in this settings panel is &#8220;Cart Panel&#8221; which is further divided into 4 subsections:<\/p>\n<ol>\n<li>General<\/li>\n<li>Cart<\/li>\n<li>Checkout<\/li>\n<li>Payment<\/li>\n<\/ol>\n<h4>General Section:<\/h4>\n<p>The General section includes the design of the Toggle Panel e.g. Cart Panel Theme Color, Panel Z-index, Panel width (including responsive device), panel background color, cart text color, button colors, button border colors and button text colors etc. The settings panel also includes hover colors.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-62960\" src=\"https:\/\/themefic.com\/wp-content\/uploads\/2023\/08\/Screenshot-at-Aug-25-10-15-06.png\" alt=\"\" width=\"1203\" height=\"680\" \/><\/p>\n<h4>Cart Section:<\/h4>\n<p>The cart section includes color settings of the following parts:<\/p>\n<ul>\n<li>\n<div class=\"tf-field tf-field-heading  \">\n<div class=\"tf-fieldset\">\n<div class=\"tf-field-heading-inner\">\n<div class=\"tf-field-heading-content has-content\">\n<div class=\"tf-field-heading-main-content\"><label class=\"tf-field-label\" for=\"wiopt[cart-header-bg]\">Cart Header Background<\/label><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/li>\n<li>Cart Header Text Color<\/li>\n<li>Cart Items Wrapper Background<\/li>\n<li>Cart Items Background<\/li>\n<li>Cart Item Text Color<\/li>\n<li>Cart Input Background<\/li>\n<li>Cart Input Text Color<\/li>\n<li>Cart Pricing Table Background<\/li>\n<li>Cart Pricing Table Text Color<\/li>\n<li>Cart Button Background Colors<\/li>\n<li>Cart Button Text Colors<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-62961\" src=\"https:\/\/themefic.com\/wp-content\/uploads\/2023\/08\/Screenshot-at-Aug-25-10-25-55.png\" alt=\"\" width=\"829\" height=\"569\" \/><\/p>\n<h4>Checkout Section:<\/h4>\n<p>The checkout section includes color settings of the following parts:<\/p>\n<ul>\n<li>Billing Panel Padding<\/li>\n<li>Billing Background<\/li>\n<li>Billing Heading Color<\/li>\n<li>Billing Label Color<\/li>\n<li>Billing Input Background<\/li>\n<li>Billing Input Border Color<\/li>\n<li>Billing Input Text Color<\/li>\n<li>Billing Input Shadow Color<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-62962\" src=\"https:\/\/themefic.com\/wp-content\/uploads\/2023\/08\/Screenshot-at-Aug-25-10-32-49.png\" alt=\"\" width=\"816\" height=\"548\" \/><\/p>\n<h4>Payment Section:<\/h4>\n<p>The payment section includes color settings of the following parts:<\/p>\n<ul>\n<li>Payment Methods Background<\/li>\n<li>Payment Methods Wrapper Background<\/li>\n<li>Payment Methods Title Color<\/li>\n<li>Payment Methods Text Color<\/li>\n<li>Place Order Button Background<\/li>\n<li>Place Order Button Border Colors<\/li>\n<li>Place Order Button Text Colors<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-62963\" src=\"https:\/\/themefic.com\/wp-content\/uploads\/2023\/08\/Screenshot-at-Aug-25-10-36-56.png\" alt=\"\" width=\"751\" height=\"579\" \/><\/p>\n<hr \/>\n<p><strong>Still Not Clear?<\/strong> Please contact us. If you are a free User, you can open a ticket from <a href=\"https:\/\/portal.themefic.com\/support\/\" target=\"_blank\" rel=\"noopener\">here<\/a>. If you are a pro user, you can open a ticket from <a href=\"https:\/\/portal.themefic.com\/my-account\/support-tickets\/#\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With Instantio&#8217;s comprehensive design settings panel, you have the ability to modify the design of nearly all Instantio elements. The second section in this settings panel is &#8220;Cart Panel&#8221; which is further divided into 4 subsections: General Cart Checkout Payment General Section: The General section includes the design of the Toggle Panel e.g. Cart Panel [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[131],"doc_tag":[],"class_list":["post-65115","docs","type-docs","status-publish","hentry","doc_category-instantio-design-settings"],"year_month":"2026-06","word_count":252,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"themeficola","author_nicename":"themeficola","author_url":"https:\/\/themefic.com\/instantio\/author\/themeficola\/"},"doc_category_info":[{"term_name":"Instantio Design Settings","term_url":"https:\/\/themefic.com\/instantio\/docs\/instantio-design-settings\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/themefic.com\/instantio\/wp-json\/wp\/v2\/docs\/65115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themefic.com\/instantio\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themefic.com\/instantio\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themefic.com\/instantio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themefic.com\/instantio\/wp-json\/wp\/v2\/comments?post=65115"}],"version-history":[{"count":0,"href":"https:\/\/themefic.com\/instantio\/wp-json\/wp\/v2\/docs\/65115\/revisions"}],"wp:attachment":[{"href":"https:\/\/themefic.com\/instantio\/wp-json\/wp\/v2\/media?parent=65115"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/themefic.com\/instantio\/wp-json\/wp\/v2\/doc_category?post=65115"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/themefic.com\/instantio\/wp-json\/wp\/v2\/doc_tag?post=65115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}