AjaxCart Documentation – WHMCS Order Form

Powerful AJAX Hosting Cart (WHMCS Order Form Template) - Complete OnePage Order, Config & Checkout. It is an AJAX-based high quality, native, responsive, modern, colorful and Complete OnePage Order, Config & Checkout WHMCS order form template. This WHMCS Order Form Template is Created from Scratch. So, it is much faster and secure than other similar order form available on the market today. Created by experienced WHMCS developers. This order form template is the most advanced and powerful complete one-page AJAX based WHMCS order form template available on today's earth.


We love mobile friendly designs – that’s why we used Bootstrap 3, Font Awesome icon, CSS3, HTML5 and AJAX techniques with a smooth color combination to make sure that your order form would look great on all mobile devices, tablets, full-screen previews and pages with many WHMCS based products and groups.

This advanced WHMCS order form template is fully compatible with any versions of 6.x.x and 7.x.x WHMCS SIX client area template. It supports any WHMCS based client area templates which have Bootstrap 3 and Font Awesome icon.

Dependencies: This order form required Bootstrap 3 and font awesome icon in your client area template to work properly. Don't worry, already WHMCS SIX Template has all of them and normally all client area templates made by Bootstrap 3 and Font Awesome icon.

Thank you for your purchase and Welcome to the RactStudio family. We are glad that you liked our product and purchase it. We believe that your user's are going to love our product.

Not yet purchased this product! Please purchase it from Codecanyon.

Installation link

It is very obvious that you need to install AJAX Hosting Cart - WHMCS Order Form Template to use it. Don't worry, it's very simple to install and use. You can unzip the downloaded "rs_ajax_hosting_cart.zip" file and upload the unzipped files inside WHMCS installation Directory using an FTP program.

Navigate to whmcs root (installation) directory > templates > orderforms

Change your Order Form Template

To change the default order form template to be used by the system for product selection, configuration, view cart and checkout stages in the event that no other template is specified:

Navigate to Setup > General Settings

Select the Ordering tab

Select your desired order form template from the Default Order Form Template section.

Changing the order form template for a product group

A different order form template can be selected for product selection and configuration stages of the ordering process. This is done  on a per product group basis.

Navigate to Setup > Products/Services > Products/Services

Click the Edit icon next to the product group you wish to edit.

1. In the Order Form Template section, select the Use Specific Template option

2. Select your desired Order Form Template

Finally click Save Changes.

The selected order form template will now be used for the product selection and configuration stages of the ordering process whenever a product within this product group is selected.

The System default order form template will be used for the view cart and checkout stages of the order process.

For more information on Product Groups,
please refer to http://docs.whmcs.com/Product_Groups

That's it. Installation Complete.

Customization

AJAX Hosting Cart - WHMCS Order Form Template is highly customizable. If you want to customise the design, follow the instruction.

Note: Normally you don't need to customize it. It is already having very good design and advanced functionality built in it. But, if you want some more. Then, here you go!

Please follow below sections for more ADVANCED customization. Oh! forget to share with you that we also provide premium services at a very low price. Please don't hesitate to contact with us at (studio@ractbd.com or skype:ractstudio) for any WHMCS or WordPress based premium service. You can find more details about our premium services here on this page.

Customizable Design link

AJAX Hosting Cart - WHMCS Order Form Template has 4+ different variations of design to show itself on the products pricing chart page. But 3 different kinds of design are hidden. If you want to use those 3 designs you need to edit

products.tpl file
You can't use all designs at the same time. You can use only one design at a time.

Customized Design #1

With this custom design you can separate the attached products inside every product groups. You have to add one CSS class (.alert) into a div inside products.tpl file...
Please follow below image instructions...

Live Preview Available Here...

Customized Design #2

With this custom design you can add border color to every products. You have to add one CSS class (.alert) into a div inside products.tpl file...
Please follow below image instructions...

Live Preview Available Here...

Customized Design #3

With this custom design you can separate each product and add border color to each products. You have to add CSS class (.alert) into two div inside products.tpl file...
Please follow below image instructions...

Live Preview Available Here...

Pricing Chart Text Format (description) #1

With this text format you can customize the product description for every product...
Please follow below image instructions...
Live Preview Available Here...

Pricing Chart Text Format (description) #2

With this text format you can customize the product description for every product...
Please follow below image instructions...
Live Preview Available Here...

Pricing Chart Text Format (description) #3

With this text format you can customize the product description for every product...
Please follow below image instructions...
Live Preview Available Here...

Pricing Chart Text Format (description) #4

With this text format you can customize the product description for every product...
Please follow below image instructions...
Live Preview Available Here...

Spotlight TLDS/domains Not -Supported

Please DO NOT use Spotlight TLDS feature. This shopping cart, for now, Doesn't Support that. If you use, those domains will not appear in the search result...
Please follow below image instructions...
Live Preview Available Here...


Changeable Colors link

AJAX Hosting Cart - WHMCS Order Form Template has 100+ colors in it. You can customize them very easily. Following file contain all color code.

	css > style.css
	and / or
	css > style.min.css

We are using
style.min.css
for file compression cause. In case if you change anything in the
style.css
file it will not work. You have to change it on the
style.min.css
file.

All color code are using class
.rs-color-{1 to 100 auto generated numbers}
Let's say, if you change the color inside from
.rs-color-3
to another color then it will change everywhere we used the
.rs-color-3
CSS classes.
Moreover, Inside your any product groups you can add 100+ product with color support. From the 101 product on any group, you will see no color at all. It means, just normal black text and white background color. Those black texts and white background color are also gorgeous.

One Color for Groups of Products

Normally, you can just open products.tpl and customize the text from

Live Preview Available Here...
Line:74 and 78 rs-color-{$product@iteration}
remove {$product@iteration} text
and write any number 1 to between 100. Also, you can change colors from 1 to 100 between classes from style.css file.
If you change any text from style.css then, please don't forget to minify the code and update the minify code inside style.min.css file...

Video Tutorials link

Maybe we have video tutorials online, please click here to find them!

 

Demo Videos link

 

Screenshots link


 

Support link

Need Some Help? Please, look into our Knowledge Base articles for initial help, If you can't find the answer are looking for, therefore you can Ask a Question on our community Questions & Answers platform. Also, for personalize help, our support team always reday to help you. Open A Support Ticket. Remember, if you want to ask a question or want to open a ticket, then you will need to Register an account on our site, if you already have an account then Login Here. Account creation, general support and pre sales support are FREE. Please, provide specific details of your problem, include screenshoots etc. Open a Support Ticket and we will respond you as soon possbible. Normaly, we respond within One (01) to Six (06) hours, but some time it can take upto 2 business days. Thank you so much.

Need some help? We can help!