{"id":2045,"date":"2018-06-14T20:35:52","date_gmt":"2018-06-14T20:35:52","guid":{"rendered":"https:\/\/daniella.io\/?p=2045"},"modified":"2021-11-26T19:16:32","modified_gmt":"2021-11-27T00:16:32","slug":"ecwid-css-themes-codes","status":"publish","type":"post","link":"https:\/\/daniella.io\/ecwid-css-themes-codes\/","title":{"rendered":"5 Ecwid Theme Solutions"},"content":{"rendered":"\n<p><b>Are you looking for Ecwid themes?<\/b>\u00a0There&#8217;s a reason you&#8217;re not finding what you&#8217;re\u00a0looking for. They do not exist!<\/p>\n\n\n\n<p>But you probably just want to customize your\u00a0website and online store to match your brand.\u00a0No worries, you are in the right place. This article is an extensive review of what &#8220;Ecwid Themes&#8221; are and how you can create yours.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Ecwid Themes MYTH DEBUNKED! 4 Best Ecwid Theme Solutions\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/MG6s-BktQjM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">What are &#8220;Ecwid Themes&#8221;?<\/h2>\n\n\n\n<p><b>Ecwid Themes, per se, do not actually\u00a0exist.\u00a0Contrary\u00a0to WooCommerce and Shopify, you do not\u00a0need\u00a0a pre-made theme for your Ecwid Store. The reason is, Ecwid integrates any platform. Therefore, Ecwid Themes are not necessary. However, if you would like\u00a0to\u00a0design your Ecwid Store, there are many alternatives to a\u00a0paid\u00a0theme in order to do so.<\/b><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is Ecwid CSS?<\/h2>\n\n\n\n<p><b>Ecwid allows you to design your store using Ecwid CSS (<em>Cascading Style Sheets<\/em>) styles which design HTML code.\u00a0Thanks to Ecwid CSS codes, you can customize the look and feel of your whole Ecwid store. The videos below demonstrate how to change your Ecwid store design.<\/b><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"\u270d\ufe0f Ecwid CSS: How to Fully Design Your Ecwid Store\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/j90OS5FpOT0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">All the Ecwid CSS Codes You Need<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><a href=\"https:\/\/daniella.io\/store\/110-Ecwid-CSS-Codes-for-Your-Ecwid-CSS-Themes-p101725018\"><img decoding=\"async\" src=\"https:\/\/daniella.io\/wp-content\/uploads\/2020\/05\/CSS-Ecwid-Small-800x1024.png\" alt=\"\" class=\"wp-image-4992\" width=\"193\" height=\"247\"\/><\/a><\/figure><\/div>\n\n\n\n<p>You will see throughout this article we will be talking about Codes. You can save time searching for codes in the Ecwid forums and support site by getting my <a href=\"https:\/\/daniella.io\/store\/110-Ecwid-CSS-Codes-for-Your-Ecwid-CSS-Themes-p101725018\">Ecwid CSS Codes eBook<\/a>. Learn how to <strong>Change, Add, Remove and Edit Items to design your ideal Ecwid eCommerce store in a couple copy\/pastes<\/strong>. <\/p>\n\n\n\n<p class=\"has-text-align-center\"><a role=\"button\" href=\"https:\/\/daniella.io\/store\/110-Ecwid-CSS-Codes-for-Your-Ecwid-CSS-Themes-p101725018\">GET THE CSS CODES<\/a><\/p>\n\n\n\n<p class=\"has-text-align-center\"><a role=\"button\" href=\"https:\/\/daniella.io\/store\/110-Ecwid-CSS-Codes-for-Your-Ecwid-CSS-Themes-p101725018\"><br><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#1. The Ecwid Design Panel<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"New Ecwid Design Panel | Ecwid CSS Themes Made MUCH Easier :)\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/pZNEZEJvJtw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>The first way you can design your Ecwid Store this is by using the built-in Ecwid Design Panel. In your Ecwid Control Panel:<\/p>\n\n\n\n<ol><li>Head over to the Design tab<\/li><li>Choose options to design your Ecwid Store<\/li><\/ol>\n\n\n\n<p><em>Note: If you are using Wix, changes made in the Ecwid backend may not show in the front end. The reason is you need to make these changes directly in Wix.<\/em><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#2. New Ecwid Instant Site Themes<\/h2>\n\n\n\n<p>Ecwid recently released more options to design their instant site. They call these design options &#8220;themes&#8221; and they allow you to change the hero section of your Ecwid instant site (formerly the Ecwid starter site).<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Ecwid Free Instant Site Builder for Business Update | Shopify Alternative Free Includes Hosting\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/Yu2g0rSYaLw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>This solution will not be useful to you, however, if you are not using the Eciwd starter site as your online store. So keep reading for other solutions.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#3. Customize With CSS Codes<\/h2>\n\n\n\n<p>Ecwid CSS allows you to customize the look and feel of your Ecwid store. You do not actually have to code or program anything! All the code you need is available in my <a data-wplink-edit=\"true\" href=\"https:\/\/daniella.io\/store\/110-Ecwid-CSS-Codes-for-Your-Ecwid-CSS-Themes-p101725018\">Ecwid CSS eBook<\/a>, otherwise, you can look for codes on Eciwd&#8217;s support site or in their forums but this can be time consuming. You could also reach out to their support team and request codes in live chat if you have a paid plan.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"\u270d\ufe0f Ecwid CSS Themes to Fully Design Your Ecwid Store\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/fZgT2fcEdug?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>To design your Ecwid store using Ecwid CSS codes:<\/p>\n\n\n\n<ol><li>In Your Ecwid Control Panel<\/li><li>Click on Design &gt; Scroll to the bottom of the page<\/li><li>Click on Create Your CSS Theme<\/li><li>Click on Add New CSS Theme<\/li><li><a href=\"https:\/\/daniella.io\/store\/110-Ecwid-CSS-Codes-for-Your-Ecwid-CSS-Themes-p101725018\" data-wplink-edit=\"true\">Copy the code you need<\/a>, and paste it to the interface<\/li><li>Save your changes<\/li><li>Refresh your storefront and check out your new design! \ud83d\ude42<\/li><\/ol>\n\n\n\n<p>If changes do not apply automatically, make sure to clear your browser cache. There are tons of codes on Ecwid&#8217;s support site in the forums. But some of the codes are&nbsp;outdated now because they made some recent changes.<\/p>\n\n\n\n<p>Get <a href=\"https:\/\/daniella.io\/store\/110-Ecwid-CSS-Codes-for-Your-Ecwid-CSS-Themes-p101725018\">over 110 Ecwid CSS codes in this eBook<\/a> to customize your online store. All you have to do is copy-paste the code and adapt it to your needs.&nbsp;It&#8217;s a&nbsp;great way to allow you to create your&nbsp;custom Ecwid CSS theme and save time.&nbsp; Learn more about Ecwid CSS Codes and store design in <a href=\"https:\/\/daniella.io\/ecwid-css-themes-made-easy\/\" target=\"_blank\" rel=\"noreferrer noopener\">this article on my blog.<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#4. Paid Apps<\/h2>\n\n\n\n<p>Another way you can create an Ecwid theme is using an app in Ecwid&#8217;s app&nbsp;marketplace. However, you will have to pay attention to pricing&#8230;<br><img fetchpriority=\"high\" decoding=\"async\" sizes=\"(max-width: 800px) 100vw, 800px\" srcset=\"https:\/\/daniella.io\/wp-content\/uploads\/2018\/06\/Ecwid-Theme-1024x580.png 1024w, https:\/\/daniella.io\/wp-content\/uploads\/2018\/06\/Ecwid-Theme-300x170.png 300w, https:\/\/daniella.io\/wp-content\/uploads\/2018\/06\/Ecwid-Theme-768x435.png 768w, https:\/\/daniella.io\/wp-content\/uploads\/2018\/06\/Ecwid-Theme.png 1176w\" width=\"800\" height=\"453\" src=\"https:\/\/daniella.io\/wp-content\/uploads\/2018\/06\/Ecwid-Theme-1024x580.png\" alt=\"\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#5. Ecwid Theme Using a CMS<\/h2>\n\n\n\n<p>Now if you&#8217;ve tried&nbsp;all of these methods and you found that you weren&#8217;t able to customize your&nbsp;online store to match your brand the way that you would like then, here&#8217;s another&nbsp;alternative.&nbsp;You can use a CMS or a content management system.&nbsp;You might have&nbsp;already heard of WordPress, Wix or Weebly. &nbsp;These are all Content Management Systems,&nbsp;and they allow you to create and design websites.&nbsp;Read on to learn more.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ecwid Themes for WordPress<\/h3>\n\n\n\n<p>You might already be using WordPress and if&nbsp;you&#8217;re looking for an Ecwid-specific Theme to design your Ecwid store on WordPress.&nbsp;Bad news.&nbsp;You will find lots of things that exist online but they&#8217;re not Ecwid specific themes.&nbsp;They&#8217;re actually WooCommerce themes or general themes just for WordPress.&nbsp;<strong>But you can use any WordPress theme with Ecwid.&nbsp;<\/strong><\/p>\n\n\n\n<p>A good example of that is my own website.&nbsp;Head over to <a href=\"https:\/\/daniella.io\/store\">daniella.io\/store<\/a> and you&#8217;ll see a normal WordPress&nbsp;website with a theme that is not WooCommerce compatible.&nbsp;It&#8217;s not an Ecwid specific theme either. It&#8217;s not an&nbsp;eCommerce theme in any way. It&#8217;s just a very simple WordPress theme, and then I added my&nbsp;Ecwid store right within that theme.&nbsp;<\/p>\n\n\n\n<p>What I&#8217;m getting to is that you don&#8217;t need an&nbsp;Ecwid specific theme to customize your WordPress site and integrate your online store.&nbsp;If you would like to design your Ecwid site quickly and easily, I love <a rel=\"noreferrer noopener\" href=\"https:\/\/elementor.com\/?ref=4497\" target=\"_blank\">Elementor for WordPress<\/a>. It allows you to build a custom WordPress theme&nbsp;quickly&nbsp;and easily!<a rel=\"nofollow noopener noreferrer\" data-elementor-open-lightbox=\"\" href=\"https:\/\/elementor.com\/?ref=4497\" target=\"_blank\"><br><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ecwid Themes for Wix Websites<\/h3>\n\n\n\n<p>Another content management system that you might want to have a look at is <a rel=\"nofollow noreferrer noopener\" href=\"http:\/\/wixstats.com\/?a=3595&amp;c=124&amp;s1=\" target=\"_blank\">Wix<\/a>. It&#8217;s important to know that<b> if&nbsp;you&#8217;re using Ecwid with Wix then you don&#8217;t need Wix&#8217;s eCommerce solution and&nbsp;you don&#8217;t need their paid eCommerce themes.<\/b>&nbsp;<\/p>\n\n\n\n<p>You can simply choose whichever Wix theme you would&nbsp;like and design it to match your brand.&nbsp;Wix is a great solution to go with if you would&nbsp;like to customize your online store and to match your brand&nbsp;quickly and easily.&nbsp;<\/p>\n\n\n\n<p>If you would like to learn more about how to&nbsp;customize your online store and design it to match your brand, please check out&nbsp;my <a href=\"https:\/\/daniella.io\/ecwid-tutorial-ecommerce-course\/\">Ecwid eCommerce Power Course<\/a>. I also talk about the difference between&nbsp;WordPress and <a rel=\"noreferrer noopener\" href=\"http:\/\/wixstats.com\/?a=3595&amp;c=124&amp;s1=\" target=\"_blank\">Wix<\/a> in detail in that course.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#5 Bonus &#8211; Custom Development<\/h2>\n\n\n\n<p>If you did not find what you are looking for in this article you may need custom development.&nbsp;For example, if you would &nbsp;like to have:<\/p>\n\n\n\n<ul><li>A drop-down to select product quantities.<\/li><li>Oblige customers to select a certain quantity of products to be able to checkout.<\/li><li>Display slider buttons to scroll between products.<\/li><li>Change the way bulk pricing works.<\/li><\/ul>\n\n\n\n<p>If you are looking to change the way your Ecwid store works, then you will need to contact Ecwid and <a href=\"https:\/\/ecwidcom.typeform.com\/to\/vIlijv\">request custom feature development.<\/a> They can also help out with the design of course, just reach out to them and let them know what you need and they can get back to you with a quote. You can also <a href=\"https:\/\/daniella.io\/contact\/\">get in touch with me here<\/a>. I may be able to help, but I may also refer you to other partner Ecwid experts who can help. <\/p>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/channel\/UCnVA8chIuC0EUxmgPYHfRJg\" target=\"_blank\" rel=\"noreferrer noopener\">Subscribe to my YouTube channel<\/a> for more Ecwid eCommerce tips and tricks!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you looking for Ecwid themes? There&#8217;s a reason you&#8217;re not finding what you&#8217;re looking for. They do not really exist. But you probably just want to customize your website and online store to match your brand. No worries, you are in the right place. This article is an extensive review of what &#8220;Ecwid Themes&#8221; are and how you can create yours.<\/p>\n","protected":false},"author":1,"featured_media":7432,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/posts\/2045"}],"collection":[{"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/comments?post=2045"}],"version-history":[{"count":1,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/posts\/2045\/revisions"}],"predecessor-version":[{"id":8378,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/posts\/2045\/revisions\/8378"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/media\/7432"}],"wp:attachment":[{"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/media?parent=2045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/categories?post=2045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/tags?post=2045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}