Selecting a theme is very easy under Design \u2192 Themes<\/strong> in your admin panel; you may have seen similar interfaces in other popular CMS, like WordPress:<\/p>\n\n\n\n On the right side of this page, you will see your active theme<\/em>, preset<\/em>, and layout<\/em>.<\/p>\n\n\n\n Also, from this page, you can go directly to the built\u00ad-in template editor.<\/p>\n\n\n\n Note that your themes are highly customizable: click on the Customize theme<\/strong> button to modify your store favicon, backgrounds, colors, fonts, and more in real time via the built\u00ad-in WYSIWYG Theme editor:<\/p>\n\n\n\n Theme modifications can be saved to presets<\/strong>. A preset holds all your modifications and can be re\u00adused in the future. The default CS\u00ad-Cart theme has three presets available out of the box: Satori<\/strong> (default,) Ocean<\/strong>, and Wooden<\/strong>; you are free to modify them and create your own presets based on them.<\/p>\n\n\n\n A few clicks on the Install themes tab (under Design \u2192 Themes in the admin panel) is all it takes to install a new theme in the admin panel. Currently, you must manually place a new theme in the var\/themes_repository directory to make it installable, but we plan to allow installation of new themes directly from the marketplace when it’s created (read more about our roadmap<\/a>.)<\/p>\n\n\n\n CS\u00ad-Cart 4.0.1 is shipped with a single highly customizable theme.<\/p>\n\n\n\n As with CS\u00ad-Cart 3, in CS-\u00adCart 4 you can arrange block placement for different store locations with simple drag & drop, under Design \u2192 Layouts<\/strong>. In the new version, layouts can be named, saved for future reuse, and easily changed similarly to theme presets.<\/p>\n\n\n\n The widget mode (planned for release in CS-\u00adCart 4.0.2) will rely heavily on layouts. If you think about it, a widget is just a special layout that fits a particular web page. We’ll be announcing this feature later and we’ll explain how you can use this feature to build CS\u00ad-Cart inside a Facebook page, a WordPress blog, or any other page.<\/p>\n\n\n\n We’ll be happy to answer any questions you might have right here in the comment area.<\/p>\n\n\n\n Read more about<\/strong>: Best CS-Cart Themes for Your Online Store in 2025<\/a><\/p>\n\n\n\n Stay tuned to CS-\u00adCart on Twitter<\/a> and Facebook<\/a>.<\/p>\n\n\n\n Thanks!<\/p>\n\n\n\n UPD: CS-Cart 4 customization is also explained in our new video tutorial.<\/p>\n","protected":false},"excerpt":{"rendered":"Good day! In the recent CS\u00ad-Cart 4 Final, we’ve introduced many new features and improvements in this version,…","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_ayudawp_aiss_exclude":false,"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","footnotes":""},"categories":[6,5],"tags":[],"_links":{"self":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/posts\/3732"}],"collection":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/comments?post=3732"}],"version-history":[{"count":1,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/posts\/3732\/revisions"}],"predecessor-version":[{"id":20441,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/posts\/3732\/revisions\/20441"}],"wp:attachment":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/media?parent=3732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/categories?post=3732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/tags?post=3732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Dive](\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/themes_scr_new.png\" "\\"Dive")
<\/a><\/figure>\n\n\n\n<\/figure>\n\n\n\nLayouts<\/h2>\n\n\n\n
\n\n\n\n