Jump to content

[SOLVED] How to create a responsive table in product page description ps 1.6.1.23


Essemme_Forniture

Recommended Posts

Hi Mates,

i tried to find a topic about this, in your opinion how can i make a responsive table in this product page, cause i've dome details in this table and i can't show everything to client who use mobile phones.

https://www.essemmeforniture.com/climatizzatore-daikin-mono-split-preventivo/2745-condizionatore-climatizzatore-daikin-sensira-ftxf50a-rxfa-18000-btu-r32.html

 

Thanks for your support

Best regards

Simon

Link to comment
Share on other sites

Solved by myself,

it was easy 

Add

<div class="table-responsive">
<table class="table">

 

Here you have the html

 

<h1 style="text-align: center;">CONDIZIONATORE CLIMATIZZATORE DAIKIN SENSIRA FTXF50A / RXFA B 18000 BTU R32 - WI-FI optional</h1>
<p>Prodotto di qualità, ma <strong>DAIKIN</strong> non ha bisogno di presentazioni, con la Serie <strong>SENSIRA</strong> ha espresso qualità ed estetica in un prezzo contenuto.</p>
<p><strong>CARATTERISTICHE</strong></p>
<p>FUNZIONE DI RISPARMIO ENERGETICO IN STANDBY<br />MODALITÀ ECONO<br />SOLO VENTILAZIONE<br />MODALITÀ COMFORT<br />MODALITÀ MASSIMA POTENZA<br />COMMUTAZIONE AUTOMATICA RAFFR.-RISC.<br />FUNZIONE SILENT UNITÀ INTERNA<br />OSCILLAZIONE VERTICALE AUTOMATICA<br />REGOLAZIONE AUTOMATICA VELOCITÀ VENTILATORE<br />VELOCITÀ VENTILATORE A GRADINI<br />FILTRO ARIA<br />PROGRAMMA DI DEUMIDIFICAZIONE<br />FUNZIONE DI RIAVVIO AUTOMATICO<br />AUTODIAGNOSTICA<br />TIMER 24 ORE<br />TELECOMANDO A RAGGI INFRAROSSI<br />ONLINE CONTROLLER</p>
<ul>
<ul>
<li>Classe energetica A++ / A+</li>
<li>Design discreto: dimensioni compatte, linee morbide e pannello bianco opaco</li>
<li>Funzionamento ultra silenzioso con livelli sonori ridotti a 20 dBA</li>
<li>Se non viene rilevata la presenza di persone per più di 20 minuti, il sistema passa automaticamente in modalità standby di risparmio energetico riducendo i consumi dell’80%</li>
<li>La modalità Econo consente di risparmiare energia, riducendo la potenza elettrica assorbita che può essere così disponibile ad altri dispositivi</li>
<li>La modalità comfort evita che l’aria venga indirizzata direttamente sulle persone</li>
<li>Controlla il tuo sistema ovunque tu sia, via App tramite Smartphone o Tablet, installando l’accessorio <strong>BRP069A45</strong></li>
</ul>
</ul>
<div class="table-responsive">
<table class="table">
<tbody>
<tr>
<td colspan="8">Dati sull'efficienza</td>
<td colspan="3">FTXF20A2V1B / RXF20A2V1B</td>
<td colspan="2">FTXF25A2V1B / RXF25A2V1B</td>
<td>FTXF35A2V1B / RXF35A2V1B</td>
<td>FTXF50A2V1B / RXF50A2V1B</td>
<td>FTXF60A2V1B / RXF60A2V1B</td>
</tr>
<tr>
<td colspan="8">Detrazione fiscale 65%</td>
<td colspan="3">√</td>
<td colspan="2">√</td>
<td>√</td>
<td>√</td>
<td>√</td>
</tr>
<tr>
<td colspan="8">Conto Termico</td>
<td colspan="3">√</td>
<td colspan="2">√</td>
<td>√</td>
<td>√</td>
<td>√</td>
</tr>
<tr>
<td colspan="8">Capacità di raffrescamento Min./Nom./Max.                                                                           kW</td>
<td colspan="3">1.3/2.00/2.6</td>
<td colspan="2">1.3/2.50/3.0</td>
<td>1.3/3.30/3.8</td>
<td>1.7/5.00/6.0</td>
<td>1.7/6.00/7.0</td>
</tr>
<tr>
<td colspan="8">Capacità di riscaldamento Min./Nom./Max.                                                                             kW</td>
<td colspan="3">1.30/2.50/3.50</td>
<td colspan="2">1.30/2.80/4.00</td>
<td>1.30/3.50/4.80</td>
<td>1.70/6.00/7.70</td>
<td>1.70/6.40/8.00</td>
</tr>
<tr>
<td colspan="2" rowspan="2">Potenza assorbita</td>
<td colspan="6">Raffrescamento       Nom.                                                   kW</td>
<td colspan="3">0.31/0.51/0.72</td>
<td colspan="2">0.31/0.76/1.05</td>
<td>0.29/1.00/1.30</td>
<td>0.32/1.50/1.83</td>
<td>0.33/1.85/2.98</td>
</tr>
<tr>
<td colspan="6">Riscaldamento         Nom.                                                   kW</td>
<td colspan="3">0.25/0.60/0.95</td>
<td colspan="2">0.25/0.70/1.11</td>
<td>0.29/0.94/1.29</td>
<td>0.44/1.62/2.36</td>
<td>0.46/1.63/2.79</td>
</tr>
<tr>
<td colspan="6" rowspan="2">Efficienza nominale (raffrescamento a 35°C/27°C, riscaldamento a 7°C/20°C a carico nominale)</td>
<td colspan="2">EER</td>
<td colspan="3">394</td>
<td colspan="2">330</td>
<td>330</td>
<td>333</td>
<td>325</td>
</tr>
<tr>
<td colspan="2">COP</td>
<td colspan="3">419</td>
<td colspan="2">401</td>
<td>371</td>
<td>371</td>
<td>393</td>
</tr>
<tr>
<td colspan="2" rowspan="8">Efficienza stagionale (secondo la norma EN14825)</td>
<td colspan="4" rowspan="4">Raffrescamento</td>
<td colspan="2">Etichetta   energetica</td>
<td colspan="3">A++</td>
<td colspan="2">A++</td>
<td>A++</td>
<td>A++</td>
<td>A++</td>
</tr>
<tr>
<td colspan="2">Pdesign                                             kW</td>
<td colspan="3">200</td>
<td colspan="2">250</td>
<td>350</td>
<td>500</td>
<td>600</td>
</tr>
<tr>
<td colspan="2">SEER</td>
<td colspan="3">615</td>
<td colspan="2">622</td>
<td>621</td>
<td>621</td>
<td>615</td>
</tr>
<tr>
<td colspan="2">Consumo energetico annuo             kWh</td>
<td colspan="3">114</td>
<td colspan="2">141</td>
<td>197</td>
<td>282</td>
<td>342</td>
</tr>
<tr>
<td colspan="4" rowspan="4">Riscaldamento (clima temperato)</td>
<td colspan="2">Etichetta   energetica</td>
<td colspan="3">A+</td>
<td colspan="2">A+</td>
<td>A+</td>
<td>A+</td>
<td>A+</td>
</tr>
<tr>
<td colspan="2">Pdesign                                             kW</td>
<td colspan="3">220</td>
<td colspan="2">240</td>
<td>280</td>
<td>460</td>
<td>480</td>
</tr>
<tr>
<td colspan="2">SCOP</td>
<td colspan="3">410</td>
<td colspan="2">406</td>
<td>406</td>
<td>406</td>
<td>406</td>
</tr>
<tr>
<td colspan="2">Consumo energetico annuo             kWh</td>
<td colspan="3">413</td>
<td colspan="2">409</td>
<td>409</td>
<td>408</td>
<td>408</td>
</tr>
<tr>
<td colspan="8">Unità interna</td>
<td colspan="3">FTXF20A2V1B</td>
<td colspan="2">FTXF25A2V1B</td>
<td>FTXF35A2V1B</td>
<td>FTXF50A2V1B</td>
<td>FTXF60A2V1B</td>
</tr>
<tr>
<td colspan="3">Dimensioni</td>
<td colspan="2"> </td>
<td colspan="2">AltezzaxLarghezzaxProfondità</td>
<td>mm</td>
<td colspan="3">286x770x225</td>
<td colspan="2">286x770x225</td>
<td>286x770x225</td>
<td>295x990x263</td>
<td>295x990x263</td>
</tr>
<tr>
<td colspan="3">Peso</td>
<td colspan="2"> </td>
<td colspan="2"> </td>
<td>kg</td>
<td colspan="3">900</td>
<td colspan="2">900</td>
<td>900</td>
<td>135</td>
<td>135</td>
</tr>
<tr>
<td colspan="8">Colore</td>
<td colspan="3">Bianco</td>
<td colspan="2">Bianco</td>
<td>Bianco</td>
<td>Bianco</td>
<td>Bianco</td>
</tr>
<tr>
<td colspan="2" rowspan="2">Pressione sonora minima</td>
<td colspan="3">Raffrescamento</td>
<td colspan="2"> </td>
<td>dB(A)</td>
<td colspan="3">20</td>
<td colspan="2">20</td>
<td>20</td>
<td>31</td>
<td>33</td>
</tr>
<tr>
<td colspan="3">Riscaldamento</td>
<td colspan="3">dB(A)</td>
<td colspan="3">21</td>
<td colspan="2">21</td>
<td>21</td>
<td>30</td>
<td>32</td>
</tr>
<tr>
<td colspan="3">Potenza sonora</td>
<td colspan="5">dB(A)</td>
<td colspan="3">55</td>
<td colspan="2">55</td>
<td>58</td>
<td>59</td>
<td>60</td>
</tr>
<tr>
<td colspan="8">Unità esterna</td>
<td colspan="3">RXF20A2V1B</td>
<td colspan="2">RXF25A2V1B</td>
<td>RXF35A2V1B</td>
<td>RXF50A2V1B</td>
<td>RXF60A2V1B</td>
</tr>
<tr>
<td colspan="3">Dimensioni</td>
<td colspan="4">AltezzaxLarghezzaxProfondità</td>
<td>mm</td>
<td colspan="3">550x658x275</td>
<td colspan="2">550x658x275</td>
<td>550x658x275</td>
<td>735x825x300</td>
<td>735x825x300</td>
</tr>
<tr>
<td colspan="3">Peso</td>
<td colspan="4"> </td>
<td>kg</td>
<td colspan="3">28</td>
<td colspan="2">28</td>
<td>28</td>
<td>47</td>
<td>47</td>
</tr>
<tr>
<td colspan="3">Potenza sonora</td>
<td colspan="4"> </td>
<td>dBA</td>
<td colspan="3">60</td>
<td colspan="2">60</td>
<td>62</td>
<td>61</td>
<td>63</td>
</tr>
<tr>
<td colspan="3">Refrigerante</td>
<td colspan="5">Tipo/Carica   kg-TCO₂Eq/GWP</td>
<td colspan="3">R32/0.70/0.48/675</td>
<td colspan="2">R32/0.70/0.48/675</td>
<td>R32/0.70/0.48/675</td>
<td>R32/1.40/0.95/675</td>
<td>R32/1.45/0.98/675</td>
</tr>
<tr>
<td colspan="2" rowspan="5">Collegamenti tubazioni</td>
<td colspan="4" rowspan="2">Attacchi tubazioni (ø)</td>
<td>Liquido</td>
<td>mm</td>
<td colspan="3">6,35</td>
<td colspan="2">6,35</td>
<td>6,35</td>
<td>6,4</td>
<td>6,4</td>
</tr>
<tr>
<td>Gas</td>
<td>mm</td>
<td colspan="3">95</td>
<td colspan="2">95</td>
<td>95</td>
<td>127</td>
<td>127</td>
</tr>
<tr>
<td colspan="4" rowspan="2">Lunghezza tubazioni</td>
<td>Massima</td>
<td>m</td>
<td colspan="3">15</td>
<td colspan="2">15</td>
<td>15</td>
<td>30</td>
<td>30</td>
</tr>
<tr>
<td>Senza carica aggiuntiva</td>
<td>m</td>
<td colspan="3">10</td>
<td colspan="2">10</td>
<td>10</td>
<td>10</td>
<td>10</td>
</tr>
<tr>
<td colspan="5">Dislivello massimo</td>
<td>m</td>
<td colspan="3">12</td>
<td colspan="2">12</td>
<td>12</td>
<td>200</td>
<td>200</td>
</tr>
<tr>
<td colspan="2" rowspan="2">Intervallo di funzionamento</td>
<td colspan="5">Raffrescamento</td>
<td>Hz/V</td>
<td colspan="3">-10 ~ 46</td>
<td colspan="2">-10 ~ 46</td>
<td>-10 ~ 46</td>
<td>-10 ~ 46</td>
<td>-10 ~ 46</td>
</tr>
<tr>
<td colspan="6">Riscaldamento</td>
<td colspan="3">-15 ~ 18</td>
<td colspan="2">-15 ~ 18</td>
<td>-15 ~ 18</td>
<td>-15 ~ 18</td>
<td>-15 ~ 18</td>
</tr>
<tr>
<td colspan="3">Alimentazione</td>
<td colspan="5">fase/Hz/V</td>
<td colspan="3">1/50/220</td>
<td colspan="2">1/50/220</td>
<td>1/50/220</td>
<td>1/50/220</td>
<td>1/50/220</td>
</tr>
</tbody>
</table>
</div>

Link to comment
Share on other sites

  • Essemme_Forniture changed the title to [SOLVED] How to create a responsive table in product page description ps 1.6.1.23
  • 2 years later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...