Th All in One Woo Cart

Plugin Installation ( Free Version )

Th All in One Woo Cart Plugin is a perfect choice to display Cart on your website and improve your potential customer’s buying experience.

  • Step 1:  Go to your Wp Dashboard > Plugins > Add New. Then in the search box,  enter the name “Th All in One Woo Cart”. Plugin will appear. Then click on the ‘Install Now’ button.

installing-th-all-in-one-woo-cart-step-1

  • Step 2: After the installation is completed, click on the ‘Activate’ button and “Th All in One Woo Cart” will be activated.

  • Step 3: After activating “Th All in One Woo Cart” in your dashboard you can start customizing it.

Plugin Installation ( Pro Version )

  • Step 1 : Navigate to ThemeHunk homepage, You will see “Plugins” menus on the top, click on it. In this page you’ll see TH All in One Woo Cart Pro, click on view details button.
  • Step 2 : You’ll now navigated to Plugin page. Afterward, just simply hit the ‘Buy Premium’ button and it will directly take you to the ‘Pricing‘ section of Th All in One Woo Cart Pro Plugin.
  • Step 3: Now choose your desired plan from here and hit the button Buy Now from desired table.
  • Step 4 : Purchase your plugin from here, fill all the required details. Login to your member’s area. Your pro plugin has been added in your member’s area dashboard.
  • Step 5 : You’ll see a Th All in One Woo Cart Pro plugin zip file in your Member’s area. Download the zip file of plugin.
  • Step 6 : Now, Open your WP Dashboard > Plugins > Add New > Upload the Plugin Zip file and Activate it.
  • You can See “Th All in One Woo Cart Pro” panel in your dashboard.

How to Integrate Cart in your Theme ?

Add Cart in Header Menu (Pro)

  • Go to Appearance -> Menus > Add TH All In One Woo Cart as a menu item and save the changes. This will display Cart icon in your header menus.

Using Shortcode

  • You can easily add Th All in One Woo Cart to your website with a shortcode. You can use Shortcode block, Widget or any page builder shortcode add-on to display cart.

[taiowc]

Using PHP

  • You can add Cart using PHP.
  • Add this php code at the desired location in any php file

<?php echo do_shortcode('[taiowc]'); ?>

General Setting

Go to Th All in one Woo Cart > General setting. In this panel you’re allowed to change the setting of your shopping cart.

How to Add Floating and Fixed cart ?

  • Go to Th All in one Woo Cart > General > Enable Cart.
  • Enable Cart – Using this option you can enable or disable Floating and Fixed cart from your site. Floating cart Fixed cart is a quick panel which will give shoppers a simple way to check out with a click.
  • If you’ll disable floating cart from your site still you’re allowed to add cart using Shortcode and Menu cart.

How to Style Cart ?

  • Go to Th All in one Woo Cart > General > Cart Style.
  • Cart Style (Pro) – In Cart Style there are two different Cart Layouts. Both layout will display Fixed Cart on your website.
  • Fixed Cart Position – In layout 1, you can add the cart position in px from left, right and bottom. and in Layout 2 you can choose the cart position Left or Right.

  • Cart Open Style (Pro)– There are three Cart open styles i.e Slide left, Slide right and Dropdown on click.
  • With Free version you’ll get Slide Right open style.

Cart Basket Setting

  • Go to Th All in one Woo Cart > General > Cart Basket Setting.
  • Basket Count – You can display Number of products added in your basket or you can show Sum of quantity of all products you have added in your cart.
  • Cart Product Order (Pro) – This setting will order your recently added product on Top or Bottom.

How to Hide Cart from Pages ?

  • Go to Th All in one Woo Cart > General > Hide Cart from Pages.
  • To hide Cart from site pages, just Use post type/page id/slug separated by comma. For eg: post,contact-us,about-us .For all non woocommerce pages, use no-woocommerce. For checkout page use checkout, for cart page -> cart.

Cart Heading Setting

  • Go to Th All in one Woo Cart > General > Cart Heading.
  • You can add the cart heading text, Empty Cart Button Text and Empty Cart Button URL.

Add/Upload Icon Image(Pro)

  • Go to Th All in one Woo Cart > General > Choose Cart Icon.
  • From this option you can choose desired cart image for your cart from the given cart icon images.
  • You can also upload custom icon image too.

Cart Open Style Animation

  • Go to Th All in one Woo Cart > General > Cart Open Style.
  • Auto Open with Ajax – It will open your cart with default ajax style.
  • Auto open with image fly effect (Pro) – With this Image flying animation, When your customer click to “Add To Cart” button, smooth flying animation of product image will be displayed. Product image will fly from original product image position to fixed cart or floating cart.

Product List Setting (Pro)

  • For this setting go to Th All in one Woo Cart > Cart setting > Product list.
  • Product Image – You can show or hide Product image from Cart panel.
  • Product Title – You can show or hide Product Title from Cart panel.
  • Product Price – You can show or hide Product price from Cart panel.
  • Product Quantity – You can show or hide Product Quantity from Cart panel.
  • Product Rating – You can show or hide Product Rating from Cart panel.

Product you may also like Setting (Pro)

  • For this setting go to Th All in one Woo Cart > Cart setting > Product you may also like Setting.
  • Hide or show Products – Using this option you can hide and show slider display below added product list in the cart panel. This slider display products from Cross Sell, Up Sell, Related or custom products depending on the option you choose below.
  • Heading – You can add panel heading here which will display with your added products.
  • Choose product – You can choose the crosse sell, upsell, related and your products to display in your cart panel.
  • Product Slug – You can add product slug here. Use Product Slug separated by comma.

Payment Setting (Pro)

  • For this setting go to Th All in one Woo Cart > Cart setting > Payment Setting.
  • Payment Heading – Add your payment heading text here.
  • Sub total Text – Add sub total text here.
  • Show shipping & Text – You can display shipping zone with your products. Also add the shipping text.
  • Show discount – You can show or hide the discount of your product.
  • Discount text and Total text – Add the discounted text and total text here.

How to add shipping zones in your products

  • To add shipping zones in your products, Go to WooCommerce > Settings > Shipping. If you don’t see Shipping as an option, go back to WooCommerce > General and take a look at settings at Shipping Location(s) – you may need to enable shipping settings there.
  • Now navigate to WooCommerce > Settings > Shipping > Shipping zones.
  • Select Add shipping zone at the top. Now Enter a descriptive Zone Name, and select Zone Regions that apply.

Coupon Setting (Pro)

  • For this setting go to Th All in one Woo Cart > Cart setting > Coupon setting.
  • Show Coupon – You can show or hide discount Coupon from Cart panel.
  • Placeholder Text – You can add your promo code here.
  • Show Coupon List – You can show or hide Coupon list from Cart panel.
  • View Coupon Link Text – You can add coupon link text.
  • Show Added Coupon – You can show or hide Added coupon from Cart panel.

How to How to Create Coupons and Coupon Codes.

  • To create a coupon, Go to WooCommerce > Marketing > Coupons tab. Add the coupon code with coupon description.
  • The type of discount you want to offer for the code. You can choose from the three types – Percentage discount, Fixed cart discount and Fixed product discount.
  • Coupon amount – Here you can Enter the amount that is being offered.
  • Allow free shipping – Check this box if the coupon also offers free shipping.
  • Coupon expiry date – Pick the date when the coupon expires.

Fixed Cart/ Floating Cart Styling (Pro)

  • For this setting go to Th All in one Woo Cart > Cart style > Fixed Cart/ Floating Cart Styling.
  • Icon Size – You can add the desired size of your Fixed cart icon.
  • Border Radius – You can add the desired border radius of your cart icon.
  • Show quantity – You can show or hide Product Quantity from Cart panel.
  • Cart icon color & BG color – You can pick color for cart icon & Background.
  • Quantity Color & BG Color – You can pick Quantity background color.

Cart Panel Styling (Pro)

  • For this setting go to Th All in one Woo Cart > Cart style > Cart Panel Styling.
  • Show icon – You can show or hide Cart icon from the panel.
  • Icon color – You can pick color for Icon Color, Heading Color, close Color and Header BG Color.
  • Cart BG Color – You can pick color for Cart BG Color.
  • Product Color – You can pick color for Product BG Color, Product Title Color, Product Rating Color, Product Delete, Product Text and Product Border.

Cart Panel Product you may like styling (Pro)

  • For this setting go to Th All in one Woo Cart > Cart style > Cart Panel Product you may like styling.
  • Heading color & Heading Background color – You can pick color for Heading BG Color and Heading Color.
  • Product Color – You can pick color Product Bg Color, Product Title Color, Product Rating Color, Product Price Color, Product Add to cart BG Color and Product Add to cart Color.

Payment Styling (Pro)

  • For this setting go to Th All in one Woo Cart > Cart style > Payment Styling.
  • Heading color & Heading Background color – You can pick color for Payment Heading BG Color and Heading Color.
  • BG Color- You can pick color for Payment BG Color.
  • Text & Link Color- You can pick color for Text Color and Link Color
  • Button color & BG Color – You can pick color for button and background color.

Coupon Styling (Pro)

  • For this setting go to Th All in one Woo Cart > Cart style > Coupon style.
  • Coupon Styling options – You can pick color for Coupon Box BG Color, Coupon Box Border Color, Coupon Box Text Color, Coupon Box Submit Color ,Coupon View Color, Coupon Code BG Color, Coupon Code Border Color, Coupon Code Text Color and elements too.


Cart Panel Notification Styling (Pro)

  • For this setting go to Th All in one Woo Cart > Cart setting > Product list.
  • Show Notification – You can show or hide Show Notification from Cart panel.
  • Success BG Color and Success Text Color – You can pick color for Success BG Color and Success Text Color.
  • Error BG Color and Error Text Color – You can pick color for Error BG Color and Error Text Color .

Mobile Cart (Pro)

  • For this setting go to Th All in one Woo Cart > Mobile Cart.
  • Disable Cart – You can enable or disable Menu Cart / Shortcode Cart in mobile.
  • Disable Cart Quantity – You can enable or disable Cart Quantity in mobile.
  • Disable Cart Price – You can enable or disable Cart Price in mobile.

Fixed Cart/ Floating Cart (Pro)

  • Disable Fixed Cart/ Floating Cart – You can enable or disable Fixed Cart/ Floating Cart in mobile device.
  • Disable Cart Quantity – You can enable or disable Cart Quantity of fixed cart/floating cart in mobile.

Cart Panel (Pro)

  • Disable Product you may like – You can enable or disable Product you may like in mobile device.
  • Disable Shipping – You can enable or disable Shipping in mobile.
  • Disable Coupon – You can enable or disable Coupon in mobile.


Reset all Setting (Pro)

  • From this option you can reset all plugin changes. Just click on Reset all button.