Archive for category: Developer Articles

If you haven’t already taken a look at the site www.kriesi.at, you should look now. This ?site has some of our favorite themes out there and all use the “avia framework” to help you and your client build outstanding content using some really nice visual editing tools. The one problem we run into is that the WP EasyCart theme is that this theme is not setup to use custom post types and their visual editing tools. For example, if you set your store page to use a left sidebar, but your default sidebar on the right, then all your product and store items will appear using the default. For many of us, this is a pain, but no worries, there is a way around it!

1. Have the WP EasyCart version 2.0.16 or greater.
2. Go to your WordPress Admin -> EasyCart Admin -> Store Setup -> Advanced Options and turn the “Match Store Page Meta” to “On”.
3. You now must find the array that holds the “boxes” setup values for the avia framework. In this array, add the value “ec_store” to the ‘page’ types that are allowed to use the avia options. The file in the Choices theme is located in choices/includes/admin/register-admin-metabox.php, right at the top of this file. Image below for your reference.
4. Go to your store page, adjust the avia settings as needed, then update the page. If you do not need to make adjustments, still hit the update button to update all store posts.

If you are using the enfold theme, this file according to the Kriesi site is located here: /enfold/config-templatebuilder/avia-template-builder/config/meta.php.

Once you have updated this file, saved, and uploaded back to the server, you should begin to see the store page match up to your products.

Second Method Using Custom Widget Sidebar

Some of you may find it easier to use a custom page sidebar. This allows you to have a custom sidebar only for the store pages. This setting is available in the theme settings (this was completed in the Chioces theme) in the sidebar section.

Once you have this created, go to your widgets section and add the appropriate widgets to this new custom sidebar.

Now that you have your widgets, you need to ensure this custom sidebar shows up for all store items. This requires some custom code. To do this, open your “sidebar.php” in your Krieisi Theme. Look for the place where it sets the following variable:

$custom_widget_area = avia_check_custom_widget( ‘page’ );

Below this line, add the following:

if( get_post_type( $post->ID ) == “ec_store” ){
$custom_widget_area = “store”;
}

You need to exchange the text ‘store’ for the name of your sidebar. This will be the name above labeled “Page: store”, e.g. Your site might be “Page: shop my store” and in this case, use the $custom_wwidget_area = “shop my store”.

We get many requests that ask, where do I find it!? This is the hardest part of learning any new system and being able to leverage it in your project. Hopefully some of this will be cleared up below. All of the following information is related to files located in your EasyCart store layout in the wp-easycart-data/design/layout/{my layout}/ folder.

For information in finding your selected layout click here.

The Product List/Grid Page

• The Product Page – This is the main holder for the entire store page when displaying a list/grid of products.
  • ec_product_page.php
• The Filter Bar – This is the bar that appears above the list/grid of products and includes a sort box, items per page links, and page set links.
  • ec_product_filter_bar.php
• The Product- This is a product displayed in a grid format. It is pulled in for each product that is displayed on the given page.
  • ec_product.php
  • Made up of two parts, a quick view popup box followed by a holder for the product.
• The List Type Product – This is not available in all layouts, but when it is used, it displays a product in a list format. It is pulled in for each product that is displayed on the given page
  • ec_product_list.php

The Product Details Page

• The Product Details Page – This is the shell for the entire product details page.
  • ec_product_details_page.php

The Cart

• The Cart page – This is the shell for the entire cart page and is what decides which elements of the cart to display.
  • ec_cart_page.php
  • Includes empty cart container, continue shopping button, checkout button, payment page order message, and the submit order button.
• The Cart – This is where the customer sees items they have added to their cart.
  • ec_cart.php
  • Includes the column headers, container for cart items, gift card input, coupon code input, estimate shipping input, and the totals box
• The Cart Item – This is the repeated container that displays the unit price, quantity, total price, options selected, title, and image.
  • ec_cart_item.php
• The Cart Login Panel – This is the area where the customer can log into their account or proceed as a guest.
  • ec_cart_login.php
• The Cart Logged In Panel – This is the line that tells the user they have logged in or proceeded as a guest that is displayed above the billing, shipping, and contact information.
  • ec_cart_login_complete.php
• The Cart Billing Information – This is where the user inserts their billing address information.
  • ec_cart_billing.php
  • Includes the option radio box to use a different shipping address
• The Cart Shipping Information – This is where the user inserts their shipping address information.
  • ec_cart_shipping.php
• The Cart Contact Information – This is where the user inserts their first name and last name and, if checking out as a guest, their email address and optional password.
  • ec_cart_contact_information.php
• The Cart Shipping Method – This is the container for the available shipping methods.
  • ec_cart_shipping_method.php
• The Cart Address Review – This is the area in which the customer can review their entered billing and shipping information and check the selected shipping method.
  • ec_cart_address_review.php
• The Cart Payment Information Selection – This is where the customer can pick and enter their selected form of payment.
  • ec_cart_payment_information.php
• The Cart Success Page – This is the page that displays the receipt to the customer after an order has been completed.
  • ec_cart_success.php
• The Third Part Redirect Page – In cases where the javascript redirect fails for third part checkouts, the form is displayed on this page.
  • ec_cart_third_party.php

Order Receipt

• The Emailed Receipt – This is the layout of the email receipt sent to the customer on order completion.
  • ec_cart_email_receipt.php
• The Printable Receipt – This is the layout of the printable version of the receipt which is accessed from a print button on the account order details page.
  • ec_account_print_receipt.php

The Account

• The Account Page – This is the main shell for the entire account.
  • ec_account_page.php
• The Login Page – This is where the customer logs into their account.
  • ec_account_login.php
  • Includes a link to forgot password and to register
• The Forgot Password Page – This is where the customer can retrieve their password.
  • ec_account_forgot_password.php
• The Password Recovery Email – This is the emailer sent to the customer about their password
  • ec_account_retrieve_password_email.php
• The Register Page – This is where the customer can register for an account.
  • ec_account_register.php
• The Dashboard – This is the landing page for a user that is logged into their account when they reach the account page directly.
  • ec_account_dashboard.php
  • Includes column headers for recent orders, container for recent orders, and containers for basic user information
• Edit Billing Page – This is the page where a customer can edit their billing information.
  • ec_account_billing_information.php
• Edit Shipping Page – This is the page where a customer can edit their shipping information.
  • ec_account_shipping_information.php
• Edit Password Page – This is the page where a customer can edit their password.
  • ec_account_password.php
• Edit Personal Information Page – This is the page where a customer can edit their personal contact information.
  • ec_account_personal_information.php
• View Orders List – This is the page where a customer can see a list of their orders and click view more for each.
  • ec_account_orders.php
• Single Order Line Item – This is the line item you see on the dashboard and in the order list.
  • ec_account_order_line.php
• Order Details Page – This is the page that shows all the information relating to the order.
  • ec_account_order_details.php
• Order Details Item – This is the individual product in the order details.
  • ec_account_order_details_item_display.php