Designing in EasyCart is meant to be simple and intuitive. The bulk of EasyCart design should look good in your existing theme by default. We automatically adjust settings to try and fit as many themes as possible, but this section lets you take it one step further and really integrate colors, design, and layouts to fit your given wordpress theme.
Learn to add basic customization such as font changes, color changes, and custom CSS changes as well as column and design template choices in this basic customization demonstration.
View All Videos Here
This section lets you add custom CSS to the EasyCart system and it will retain these changes even after an upgrade of the plugin. This is the preferred place to save custom EasyCart CSS and not worry about losing all your work after an update.
The shopping cart & checkout display can appear in a 2 column or 1 column layout. You can also decide which layout to appear based on the basic device (desktop, tablet, phone) being used. We also find that many themes come with sidebars, which decrease the content space significantly, making it nice to adjust to a 1 column layout should you need the extra spacing.
The product details display can appear in a 2 column or 1 column layout. You can also decide which layout to appear based on the basic device (desktop, tablet, phone) being used. We also find that many themes come with sidebars, which decrease the content space significantly, making it nice to adjust to a 1 column layout should you need the extra spacing.
This section lets you choose from several pre-built template designs used to display products in the grid format of your store.
Special Tip: We recommend users always pre-process images and their heights/widths to a uniform and consistent size. Whether you choose a nice clear image size of 1000×1000 pixels or 800×900 pixels, we recommend you stay consistent and crop all images to the same proportions and sizes using a photo editor. This will provide a consistent product grid and a consistent product details image display effect.
For the most flexibility in design, web designers may need to customize layout files to their liking. While you can always customize around the EasyCart shortcode for the store, cart, and account pages, sometimes you need maximum flexibility in design by using a child system similar to that found in WordPress.
This is a great option to help developers keep their clients?? stores up to date and functional at a single click of the button. With this great new feature we know developers still need the ability to override certain files, images, css, etc?¦ In order to make the store customized for their specific project (a great example of this is customizing the email receipt).
This is where a child layout becomes an extremely important feature! Child themes and layouts allow you to specify a child theme or layout folder in which you can place individual files to override a specific functionality of the store, while simultaneously allowing your theme and layout to keep the latest features for the rest of store.
Every file loaded from the design folder of your shopping cart system goes through the following check to find the correct file:
This applies exactly the same to the theme folder and can be useful for specifying a custom image not found file.
Setting up and specifying a child theme or child layout is quick and easy! First, add a new folder in the wp-easycart-data/design/layout/ folder (something like my-custom-layout) and repeat this for the wp-easycart-data/design/theme/ folder. Next, go to the WordPress Admin -> WP EasyCart -> Settings -> Design area and select your newly added custom theme and/or layout folders in the drop down boxes.
That is it! Your store will now look first in your custom child theme folder and next to the latest files in the main plugin. To override any files you should first copy the file you are editing to your custom theme folder and make your corrections there (custom changes should be in the wp-easycart-data folder).