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.

installing th all in one woo cart step 2 1

    • Step 3: After activating “Th All in One Woo Cart” in your dashboard, you can see the “Themehunk” tab on the right side. Under it you’ll find Th AIO Woo Cart tab, click on it. Now you can start customizing it.

AIO Woo Cart installing434

Plugin Installation ( Pro Version )

    • Step 1: Navigate to the ThemeHunk homepage, You will see “Plugins” menus on the top, click on it. On this page you’ll see TH All in One Woo Cart Pro, click on the view details button.

all th in one woo cart pro installation

    • Step 2: You’ll now navigate to the 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.

all in one woo cart pro installation 2

    • Step 3: Now choose your desired plan from here and hit the button Buy Now from the desired table.

pricing woo cart pro

    • 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.

purchase woo cart pro

  • 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 into 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 the Cart icon in your header menus.

aio wwo cart 700021

Using Shortcode

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

[taiowc]


aio woo cart 797921

Using PHP

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

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


aio woo cart 80032

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 carts from your site. Floating cart Fixed cart is a quick panel that will give shoppers a simple way to check out with a click.
  • If you’ll disable the floating cart from your site till you’re allowed to add a cart using Shortcode and Menu cart.

 

aio woo cart 68686

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 layouts 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.

 

aio woo cart 8032 43

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

Cart Basket Setting

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

 

aio woo cart style 8032

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 a comma. For eg: post,contact-us, and about-us. For all non woocommerce pages, use no-woocommerce. For the checkout page use checkout, and for the cart page -> cart.

 

aio woocart 00832

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.

woo cart aio 5832

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 images too.

woo aio cart 00024

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 the default ajax style.
  • Auto open with image fly effect (Pro) – With this Image flying animation, When your customer clicks on to “Add To Cart” button, smooth flying animation of the product image will be displayed. The product image will fly from the original product image position to the 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 the Product image from the Cart panel.
    • Product Title – You can show or hide the Product Title from the Cart panel.
    • Product Price – You can show or hide the Product price from the Cart panel.
    • Product Quantity – You can show or hide Product Quantity from the Cart panel.
    • Product Rating – You can show or hide Product Ratings from the Cart panel.

 

aio cart list 8324

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 the slider displays the below-added product list in the cart panel. This slider displays products from Cross Sell, Up Sell, Related or custom products depending on the option you choose below.
    • Heading – You can add a panel heading here which will display 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 a comma.

 

aio cart 80302

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 the shipping zone with your products. Also, add the shipping text.
    • Show discount – You can show or hide the discount on your product.
    • Discount text and Total text – Add the discounted text and total text here.

 

aio woo payment 435

How to add shipping zones to your products

    • To add shipping zones to 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.

shipping zone

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 Coupons from the Cart panel.
    • Placeholder Text – You can add your promo code here.
    • Show Coupon List – You can show or hide the Coupon list from the Cart panel.
    • View Coupon Link Text – You can add coupon link text.
    • Show Added Coupon – You can show or hide Added coupon from the Cart panel.

woo cart coupon 32

How to Create Coupons and Coupon Codes.

    • To create a coupon, Go to WooCommerce > Marketing > Coupons tab. Add the coupon code with the coupon description.
    • The type of discount you want to offer for the code. You can choose from 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.

 

coupon code

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 the Cart panel.
    • Cart icon color & BG color – You can pick the color for the cart icon & Background.
    • Quantity Color & BG Color – You can pick the Quantity background color.

fixed cart 700243

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 the Cart icon from the panel.
    • Icon color – You can pick the color for Icon Color, Heading Color, close Color, and Header BG Color.
    • Cart BG Color – You can pick the color for Cart BG Color.
    • Product Color – You can pick the color for Product BG Color, Product Title Color, Product Rating Color, Product Delete, Product Text, and Product Border.

woo cart pannel 70032

Cart Panel Product you may like the 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 the 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.

cart aio 81103

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 the color for Payment Heading BG Color and Heading Color.
    • BG Color- You can pick the color for Payment BG Color.
    • Text & Link Color- You can pick the color for Text Color and Link Color
    • Button color & BG Color – You can pick colors for buttons and background colors.

cart payment style 8002

Coupon Styling (Pro)

  • For this setting go to Th All in one Woo Cart > Cart style > Coupon style.
  • Coupon Styling options – You can pick the 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.

coupon woo style 802

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 the Cart panel.
    • Success BG Color and Success Text Color – You can pick the color for Success BG Color and Success Text Color.
    • Error BG Color and Error Text Color – You can pick the color for Error BG Color and Error Text Color.

cart woo aio 9024

Mobile Cart (Pro)

mobile cart 00323

 

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

Fixed Cart/ Floating Cart (Pro)

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

Cart Panel (Pro)

  • Disable Products you may like – You can enable or disable Products you may like on a mobile device.
  • Disable Shipping – You can enable or disable Shipping on mobile.
  • Disable Coupons – You can enable or disable Coupons on mobile.

Reset all Setting (Pro)

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

woo reset 3255