-
Hello, what is the T3v2.? is this a library that we can call different style from?
I’m planing to inert a table to my site with 3 columns and 2 rows, like this one here:
the table is from the
http://ja-biz.demo.joomlart.com/index.php/en/explore/bonus-pages/pricing-tableto http://www.joomlart.com/demo/#ja_medicare
so I have created my table at JA-Biz demo builder site:
http://c25c45d54913dcf6665a734eefb71071.site.joomlart.com/index.php/explore/bonus-pages/pricing-tableThen I took the code and I inserted to the Ja Medicare custome HTML.
and this is what I got:where all the styles went, is the styles comes from the frameworks?
How I can style this table to look like the demo.
Please help
Thanks,
The code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head></head><body>
<div class="pricing-page">
<div class="pricing-table style1 row">
<div class="col col-md-4 no-padding">
<div class="col-header text-center">
<h2>Our Mission</h2>
</div>
<div class="col-body">
<div class="col-footer text-center">We strive to provide high quality Canadian immigration services for people looking to work and live in Canada. We seek to ensure the success of our clients by helping them with their immigration needs, including to help them reunite with their family members, find the best professional destination for their skills. We deliver the immigration solutions our clients need to move successfully along their path to immigrating to Canada.</div>
</div>
</div>
<div class="col col-md-4 col-feature shadow no-padding">
<div class="col-header text-center">
<h2>Our Vision</h2>
</div>
<div class="col col-footer text-center">Canada Immigration and Employment Consulting Services, Inc. is dedicated to being a leading immigration consultant service for those looking to immigrate to Canada, providing complete customer satisfaction.</div>
</div>
<div class="col col-md-4 no-padding">
<div class="col-header text-center">
<h2>Our Goal</h2>
</div>
<div class="col-footer text-center">Our immigration consultancy team strives to ease the process of immigrating to Canada by providing each of our clients with step by step guidance. We will help our clients throughout their case until the final decision is made by the immigration visa officers. We ensure that our clients have the highest potential of meeting their goals by providing customized necessary information and guidance they need on Canadian immigration.</div>
</div>
</div>
<div class="page-header text-center">
<h1> </h1>
</div>
</div>
</body>
</html>
Hi there,
I am sorry for your troubles with designing a required table and hope the “Magic Price Table” extension will help you create it in no time.
Hope this helps,
Regards,
alex
HI the table is already created as the code shows, but the problem is only the styles, the color are not showing, so I’m not sure how I can give the head color and the table background.
Thanks,
Hi there,
Please perform following steps:
1 Install on your JA Medicare based web-site our standalone (not a “Quick Start”) JA Biz template
2 Create a Joomla article with following HTML source code:
<div class=”pricing-page”>
<div class=”page-header text-center”>
<h1>Pricing table – style 1</h1>
</div>
<div class=”pricing-table style1 row”>
<div class=”col col-md-4 no-padding”>
<div class=”col-header text-center”>
<h2>Personal</h2>
<p>Perfect for your blog</p>
</div>
<div class=”col-body”>
<ul>
<li class=”row0 yes”>Unlimited bandwidth</li>
<li class=”row1 yes”>Unlimited products</li>
<li class=”row0 yes”>1 GB File storage</li>
<li class=”row1 yes”>2.0% Transaction fee</li>
<li class=”row0 yes”>Discount code engine</li>
<li class=”row1 yes”>24×7 Phone support</li>
<li class=”row0 no”>Gift cards</li>
<li class=”row1 no”>Abandoned cart recovery</li>
<li class=”row0 no”>Professional reports</li>
<li class=”row1 no”>Advanced report builder</li>
<li class=”row0″><span class=”big-number”><sup>$</sup>34<sup>.99</sup></span></li>
</ul>
</div>
<div class=”col-footer text-center”><a class=”btn btn-default”>Sign up</a></div>
</div>
<div class=”col col-md-4 col-feature shadow no-padding”>
<div class=”col-header text-center”>
<h2>Portfolio</h2>
<p>Everything you need</p>
</div>
<div class=”col-body”>
<ul>
<li class=”row0 yes”>Unlimited bandwidth</li>
<li class=”row1 yes”>Unlimited products</li>
<li class=”row0 yes”>1 GB File storage</li>
<li class=”row1 yes”>2.0% Transaction fee</li>
<li class=”row0 yes”>Discount code engine</li>
<li class=”row1 yes”>24×7 Phone support</li>
<li class=”row0 yes”>Gift cards</li>
<li class=”row1 yes”>Abandoned cart recovery</li>
<li class=”row0 yes”>Professional reports</li>
<li class=”row1 yes”>Advanced report builder</li>
<li class=”row0 yes”>Real-time carrier shipping</li>
<li class=”row0″><span class=”big-number”><sup>$</sup>54<sup>.99</sup></span></li>
</ul>
</div>
<div class=”col col-footer text-center”><a class=”btn btn-primary”>Sign up</a></div>
</div>
<div class=”col col-md-4 no-padding”>
<div class=”col-header text-center”>
<h2>Performance</h2>
<p>Awesome capacity</p>
</div>
<div class=”col-body”>
<ul>
<li class=”row0 yes”>Unlimited bandwidth</li>
<li class=”row1 yes”>Unlimited products</li>
<li class=”row0 yes”>1 GB File storage</li>
<li class=”row1 yes”>2.0% Transaction fee</li>
<li class=”row0 no”>Discount code engine</li>
<li class=”row1 yes”>24×7 Phone support</li>
<li class=”row0 yes”>Gift cards</li>
<li class=”row1 no”>Abandoned cart recovery</li>
<li class=”row0 no”>Professional reports</li>
<li class=”row1 no”>Advanced report builder</li>
<li class=”row0″><span class=”big-number”><sup>$</sup>45<sup>.99</sup></span></li>
</ul>
</div>
<div class=”col-footer text-center”><a class=”btn btn-default”>Sign up</a></div>
</div>
</div>
<div class=”page-header text-center”>
<h1>Pricing table – style 2</h1>
</div>
<div class=”pricing-table style3″>
<div class=”row row-header”>
<div class=”col col-md-3 no-padding”>*</div>
<div class=”col col-md-3 no-padding”>
<div class=”col-header text-center”>
<h2>Personal</h2>
<p><span class=”big-number”><sup>$</sup>34<sup>.99</sup></span></p>
</div>
</div>
<div class=”col col-md-3 col-feature no-padding”>
<div class=”col-header text-center”>
<h2>Portfolio</h2>
<p><span class=”big-number”><sup>$</sup>54<sup>.99</sup></span></p>
</div>
</div>
<div class=”col col-md-3 no-padding”>
<div class=”col-header text-center”>
<h2>Performance</h2>
<p><span class=”big-number”><sup>$</sup>45<sup>.99</sup></span></p>
</div>
</div>
</div>
<div class=”row row-body”>
<div class=”col col-md-3 no-padding”>
<ul>
<li class=”row0 yes”>Unlimited bandwidth</li>
<li class=”row1 yes”>Unlimited products</li>
<li class=”row0 yes”>1 GB File storage</li>
<li class=”row1 yes”>2.0% Transaction fee</li>
<li class=”row0″>Discount code engine</li>
<li class=”row1″>24×7 Phone support</li>
<li class=”row0″>Gift cards</li>
<li class=”row1″>Abandoned cart recovery</li>
<li class=”row0″>Professional reports</li>
<li class=”row1″>Advanced report builder</li>
<li class=”row0″>Advanced report builder</li>
</ul>
</div>
<div class=”col col-md-3 no-padding”>
<ul>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0″></li>
<li class=”row1 no”></li>
<li class=”row0 no”></li>
<li class=”row1 no”></li>
<li class=”row0 no”></li>
</ul>
<div class=”col-footer text-center”><a class=”btn btn-default” title=”Sign up” href=”#”>Sign up</a></div>
</div>
<div class=”col col-md-3 no-padding”>
<ul>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0″></li>
</ul>
<div class=”col-footer text-center”><a class=”btn btn-primary” title=”Sign up” href=”#”>Sign up</a></div>
</div>
<div class=”col col-md-3 no-padding”>
<ul>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0″></li>
<li class=”row1″></li>
<li class=”row0 no”></li>
<li class=”row1 no”></li>
<li class=”row0 no”></li>
</ul>
<div class=”col-footer text-center”><a class=”btn btn-default” title=”Sign up” href=”#”>Sign up</a></div>
</div>
</div>
</div>
<div class=”page-header text-center”>
<h1>Sample FAQ</h1>
</div>
<div class=”faq”>
<div class=”row”>
<div class=”col-md-6″>
<h3>Is there a setup fee?</h3>
<p>Lorem ipsum dolor sit amet consectetuer turpis eros Quisque felis pretium. Habitasse iaculis fermentum amet adipiscing Praesent ac mauris id tincidunt Vestibulum. Integer Vestibulum ac tellus eget laoreet elit urna massa Nam quis. Curabitur Curabitur sapien nec ac turpis rhoncus Morbi mauris justo eu. Dolor pede Phasellus sollicitudin nunc laoreet pretium id laoreet Morbi velit. Nec laoreet condimentum.</p>
<h3>Do I need to enter my credit card details to sign up?</h3>
<p>Eleifend Fusce tincidunt dictumst libero ante nec justo dui feugiat molestie. Penatibus mi dui dictum at justo nibh mattis laoreet lacinia neque. Vitae nibh faucibus volutpat lacinia mauris Proin id nibh tristique cursus. Vitae faucibus gravida ut parturient aliquam eros fringilla Vestibulum ante ligula. Mi nascetur Aliquam euismod ut nulla orci lacus ac Curabitur lacus. Sagittis tellus nec id cursus magnis condimentum sit dui Pellentesque tincidunt. Sapien ut sapien.</p>
</div>
<div class=”col-md-6″>
<h3>Why use the Professional plan?</h3>
<p>Lorem ipsum dolor sit amet consectetuer turpis eros Quisque felis pretium. Habitasse iaculis fermentum amet adipiscing Praesent ac mauris id tincidunt Vestibulum. Integer Vestibulum ac tellus eget laoreet elit urna massa Nam quis. Curabitur Curabitur sapien nec ac turpis rhoncus Morbi mauris justo eu. Dolor pede Phasellus sollicitudin nunc laoreet pretium id laoreet Morbi velit. Nec laoreet condimentum.</p>
<h3>Why use the Unlimited plan?</h3>
<p>Eleifend Fusce tincidunt dictumst libero ante nec justo dui feugiat molestie. Penatibus mi dui dictum at justo nibh mattis laoreet lacinia neque. Vitae nibh faucibus volutpat lacinia mauris Proin id nibh tristique cursus. Vitae faucibus gravida ut parturient aliquam eros fringilla Vestibulum ante ligula. Mi nascetur Aliquam euismod ut nulla orci lacus ac Curabitur lacus. Sagittis tellus nec id cursus magnis condimentum sit dui Pellentesque tincidunt. Sapien ut sapien.</p>
<h3>Can I use my own payment gateway?</h3>
<div class=”alert alert-warning”>
<p>Unsure which plan is best for you?<br /> Call our sales team at 1-234-567-8932</p>
</div>
</div>
</div>
</div>
</div>3 Create a menu item by the “Single Article” type for this newly created article and in tab “Details” -> parameter “Template Style” select for this menu item “ja_biz – Default”:
4 Edit this article per your own requirements.
Hope this helps,
Regards,
Alex
Viewing 4 posts - 1 through 4 (of 4 total)This topic contains 4 replies, has 2 voices, and was last updated by
alexsmirnov 10 years, 4 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
T3v2 Framework
Viewing 4 posts - 1 through 4 (of 4 total)
