OrdaSoft forum
Welcome, Guest
Please Login or Register.    Lost Password?
OrdaSoft forum Template Support Forums OrdaSoft template Support
how to add more than 3 prices in servicestation te (0 viewing) 

OrdaSoft template Support

Go to bottom Favoured: 0

How to add more than 3 prices in servicestation te

#45471
leras (User)
Fresh Boarder
Posts: 4
graphgraph
User Offline Click here to see the profile of this user
how to add more than 3 prices in servicestation te 2 Years, 10 Months ago
Karma: 0  
hi all! just installed servicestation template...looks good!
i need some tip plz. i tried to add more than 3 prices (services) in pricing table.
so far,so good,copied the code,edit and voila! but.....it brakes my page setup....
it shows the 3 columns ok,but the fourth shows ugly.....
you may take a look at demo.tsikoulasservice.gr to understand....
any help appreciated!
i include some screenshot....just in case
Logged Logged
Last Edit: 2021/06/12 16:12 By leras. Reason: image added
The administrator has disabled public write access.
#45472
admin (Admin)
Admin
Posts: 8243
graph
User Offline Click here to see the profile of this user
Re:how to add more than 3 prices in servicestation te 2 Years, 10 Months ago
Karma: 101  
Can you give link to your site ?

Regards
OrdaSoft team
Logged Logged
The administrator has disabled public write access.
#45473
leras (User)
Fresh Boarder
Posts: 4
graphgraph
User Offline Click here to see the profile of this user
Re:how to add more than 3 prices in servicestation te 2 Years, 10 Months ago
Karma: 0  
sure! it's http://demo.tsikoulasservice.gr
thank you!
Logged Logged
The administrator has disabled public write access.
#45474
admin (Admin)
Admin
Posts: 8243
graph
User Offline Click here to see the profile of this user
Re:how to add more than 3 prices in servicestation te 2 Years, 10 Months ago
Karma: 101  
hello

If you need 4 columns , In Free Car Repair Joomla template in Price table

1. You need copy some 1 block which start with :
Code:
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 span4Anim animations-effects">


to to block
Code:
<div class="row rowAnim2 ">



and, in all 4 blocks, replace code:

Code:
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 span4Anim animations-effects">


to the code
Code:
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 span4Anim animations-effects">


Please be careful, Look like on your site, added your block not to
Code:
<div class="row rowAnim2 ">
and some where little break structure.

Regards
OrdaSoft team
Logged Logged
The administrator has disabled public write access.
#45476
leras (User)
Fresh Boarder
Posts: 4
graphgraph
User Offline Click here to see the profile of this user
Re:how to add more than 3 prices in servicestation te 2 Years, 10 Months ago
Karma: 0  
well...a big THANK YOU! made the changes, and after removing an extra </div> (my mistake here...) everything looks fine in my wide screen....(pc monitor-gonna test it in smartphone!)
plz let me share the final code i used, just if someone else need it!
(just replace the parts you need.....)
case closed, thanks again!!!

Code:
<div class="row rowAnim2 ">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 span4Anim animations-effects">
<section class="lazy-load-box effect-slidefromleft" style="-moz-transition: all 800ms ease 0s; opacity: 1;" data-speed="800" data-delay="200">
<div class="service-box info_box price_box">
<figure class="icon">
<h4>40 €</h4>
</figure>
<div class="service-box_body">
<h4 class="sub-title">some SERVICE<br />CITROEN - PEUGEOT</h4>
<span class="line"></span>
<div class="table-details">
<ul>
<li><span>ΛΑΔΙ 10-40W TOTAL</span></li>
<li><span>ΦΙΛΤΡΟ ΛΑΔΙΟΥ</span></li>
<li><span>ΡΟΔΕΛΑ ΤΑΠΑΣ</span></li>
<li><span>ΥΓΡΟ ΠΛΥΣΤΙΚΗΣ</span></li>
<li><span>ΕΛΕΓΧΟΣ 10 ΣΗΜΕΙΩΝ</span></li>
</ul>
</div>
<a class="btn btn-primary btn-pricing" href="https://tsikoulasservice.gr/online-service" target="_blank" rel="noopener noreferrer">Online Ραντεβού</a></div>
</div>
</section>
</div>
<div class="row rowAnim2 ">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 span4Anim animations-effects">
<section class="lazy-load-box effect-fade" style="-moz-transition: all 800ms ease 0s; opacity: 1;" data-speed="800" data-delay="200">
<div class="service-box info_box price_box">
<figure class="icon">
<h4>70 €</h4>
</figure>
<div class="service-box_body">
<h4 class="sub-title">some SERVICE<br />CITROEN - PEUGEOT</h4>
<span class="line"></span>
<div class="table-details">
<ul>
<li>ΛΑΔΙ 10-40W TOTAL</li>
<li>ΡΟΔΕΛΑ ΤΑΠΑΣ</li>
<li>ΥΓΡΟ ΠΛΥΣΤΙΚΗΣ</li>
<li>ΦΙΛΤΡΑ ΛΑΔΙΟΥ-ΑΕΡΟΣ-ΒΕΝΖΙΝΗΣ (ΑΝΑΛΟΓΑ ΤΟ ΜΟΝΤΕΛΟ) - A/C</li>
<li>ΜΠΟΥΖΙ</li>
<li>ΕΛΕΓΧΟΣ 10 ΣΗΜΕΙΩΝ</li>
</ul>
</div>
<a class="btn btn-primary btn-pricing" href="https://tsikoulasservice.gr/online-service" target="_blank" rel="noopener noreferrer">Online Ραντεβού</a></div>
</div>
</section>
</div>
<div class="row rowAnim2 ">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 span4Anim animations-effects">
<section class="lazy-load-box effect-slidefromright" style="-moz-transition: all 800ms ease 0s; opacity: 1;" data-speed="800" data-delay="200">
<div class="service-box info_box price_box">
<figure class="icon">
<h4>80 €</h4>
</figure>
<div class="service-box_body">
<h4 class="sub-title">some SERVICE DIESEL<br />CITROEN - PEUGEOT</h4>
<span class="line"></span>
<div class="table-details">
<ul>
<li><span>ΛΑΔΙ W5-30 TOTAL</span></li>
<li><span>ΦΙΛΤΡΟ ΛΑΔΙΟΥ</span></li>
<li><span>ΡΟΔΕΛΑ ΚΑΡΤΕΡ</span></li>
<li><span>ΥΓΡΟ ΠΛΥΣΤΙΚΗΣ</span></li>
</ul>
</div>
<a class="btn btn-primary btn-pricing" href="https://tsikoulasservice.gr/online-service" target="_blank" rel="noopener noreferrer">Online Ραντεβού</a></div>
</div>
</section>
</div>
<div class="row rowAnim2 ">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 span4Anim animations-effects">
<section class="lazy-load-box effect-fade" style="-moz-transition: all 800ms ease 0s; opacity: 1;" data-speed="800" data-delay="200">
<div class="service-box info_box price_box">
<figure class="icon">
<h4>70 €</h4>
</figure>
<div class="service-box_body">
<h4 class="sub-title">some SERVICE<br />CITROEN - PEUGEOT</h4>
<span class="line"></span>
<div class="table-details">
<ul>
<li><span>ΛΑΔΙ 10-40W TOTAL</span></li>
<li><span>ΦΙΛΤΡΟ </span></li>
<li><span>ΡΟΔΕΛΑ ΤΑΠΑΣ</span></li>
<li><span>ΥΓΡΟ ΠΛΥΣΤΙΚΗΣ</span></li>
<li><span>ΦΙΛΤΡΑ ΛΑΔΙΟΥ - ΑΕΡΟΣ - ΒΕΝΖΙΝΗΣ (ΑΝΑΛΟΓΑ ΤΟ ΜΟΝΤΕΛΟ) - A/C</span></li>
<li><span>ΜΠΟΥΖΙ</span></li>
<li><span>ΕΛΕΓΧΟΣ 10 ΣΗΜΕΙΩΝ</span></li>
</ul>
</div>
<a class="btn btn-primary btn-pricing" href="https://tsikoulasservice.gr/online-service" target="_blank" rel="noopener noreferrer">Online Ραντεβού</a></div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
Logged Logged
The administrator has disabled public write access.
Go to top
Powered by OrdaSoft
 
What are you looking for?
»