Jump to content
Verbaweb

Template base: visualizzazione descrizione profotto

Recommended Posts

Salve ragazzi,

volevo chiedervi se nel template base di prestashop c'è la possibilità di spostare la descrizione del prodotto sotto le immagini?

E poi...

da mobile se volessi tenere questo template come mai vedo la descrizione così male? la tabella è impostata in %

Preciso che se il telefono lo metto in orizzontale il testo si vede perfettamente formattato.

Allego le immagini e il codice.

 

Grazie a tutti. 

Saluti

<p><strong>Mario & Sonic bei den Olympischen Spielen Nintendo Switch</strong></p>
<div class="prd_module prd_module--noLine prd_sellingPoints js_prd_sellingPoints" style="border: 0px; margin: 16px 0px 0px; padding: 0px 8px; color: #222222; font-family: OTTOSans, Arial, Helvetica, sans-serif; font-size: 14px; word-spacing: 1px; background-color: #ffffff;">
<ul class="prd_unorderedList" style="border: 0px; margin: 0px 0px 0px 1.1em; padding: 0px;">
<li style="border: 0px; margin: 0px; padding: 0px;">Erlebe actionreiche, spannende wie lustige Sportspiele</li>
<li style="border: 0px; margin: 4px 0px 0px; padding: 0px;">Klassische, sowie neue Wettbewerbe: Skateboard, Karate, Surfen und Sportklettern</li>
<li style="border: 0px; margin: 4px 0px 0px; padding: 0px;">Bis zu vier Spieler können über die lokale Verbindung gemeinsam spielen - acht via Internet</li>
<li style="border: 0px; margin: 4px 0px 0px; padding: 0px;">Zahlreiche spielbare Charaktere: Mario, Sonic, Yoshi, Amy Rose, Luigi, Dr. Eggman und viele mehr</li>
<li style="border: 0px; margin: 4px 0px 0px; padding: 0px;">Erscheinungstermin am 08.11.2019</li>
</ul>
</div>
<div id="description" class="prd_module prd_module--noLine prd_module--largeGap prd_description js_prd_description" style="border: 0px; margin: 0px; padding: 0px 8px; color: #222222; font-family: OTTOSans, Arial, Helvetica, sans-serif; font-size: 14px; word-spacing: 1px; background-color: #ffffff;"> </div>
<div class="prd_module prd_module--noLine prd_details js_prd_details" style="border: 0px; margin: 16px 0px 0px; padding: 0px 8px; color: #222222; font-family: OTTOSans, Arial, Helvetica, sans-serif; font-size: 14px; word-spacing: 1px; background-color: #ffffff;">
<h2 class="prd_details__headline" style="border: 0px; margin: 0px 0px 16px; padding: 0px; font-size: 1.625rem; font-weight: 400; line-height: 1.23077em; font-family: OttoSansThin, OTTOSans, Arial, Helvetica, sans-serif;">Details</h2>
<div class="prd_moreBox js_prd_moreBox prd_moreBox--hasMore" style="border: 0px; margin: 0px; padding: 0px;">
<div class="js_prd_moreBox__contentWrapper prd_moreBox__contentWrapper prd_moreBox__contentWrapper--largeGradient" style="border: 0px; margin: 0px; padding: 0px; height: auto;">
<div class="prd_moreBox__content js_prd_moreBox__content" lang="de" style="border: 0px; margin: 0px; padding: 0px;" xml:lang="de">
<table class="dv_characteristicsTable" style="border: 0px; margin: 0px; padding: 0px; border-spacing: 0px; table-layout: fixed; width: 100%;" cellspacing="0" cellpadding="100%">
<tbody style="border: 0px; margin: 0px; padding: 0px;">
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 2px 1px 1px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">Produkt-Name</span></td>
<td style="border-width: 2px 2px 1px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">Mario & Sonic bei den Olympischen Spielen</td>
</tr>
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 0px 1px 1px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">Produktart</span></td>
<td style="border-width: 0px 2px 1px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">Speicherkarte</td>
</tr>
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 0px 1px 1px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">Plattform</span></td>
<td style="border-width: 0px 2px 1px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">Nintendo Switch</td>
</tr>
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 0px 1px 2px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">Kompatibilität</span></td>
<td style="border-width: 0px 2px 2px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">Nintendo Switch</td>
</tr>
</tbody>
</table>
<table class="dv_characteristicsTable" style="border: 0px; margin: 16px 0px 0px; padding: 0px; border-spacing: 0px; table-layout: fixed; width: 100%;" cellspacing="0" cellpadding="100%">
<tbody style="border: 0px; margin: 0px; padding: 0px;">
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 2px 1px 1px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">Entwicklerstudio</span></td>
<td style="border-width: 2px 2px 1px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">Sega</td>
</tr>
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 0px 1px 1px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">Spielbeschreibung</span></td>
<td style="border-width: 0px 2px 1px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; text-align: justify;">Seit Jahren begeistern Mario und Sonic mit ihrer Teilnahme an den Olympischen Spielen weltweit Videospiel-Fans. In Mario & Sonic bei den Olympischen Spielen: Tokyo 2020 erleben sie nun ihr bislang größtes Abenteuer – exklusiv auf Nintendo Switch. Die SpielerInnen schlüpfen in die Rolle der Titelhelden oder in die zahlreicher, beliebter Charaktere aus den Mario- und Sonic-Universen. So mischen aus dem Pilzkönigreich unter anderem Luigi, Peach, Bowser oder Yoshi mit, während Tails, Amy Rose, Dr. Eggman und Knuckles die Welt von Sonic vertreten. Im Multiplayer-Modus können offline bis zu vier und online sogar bis zu acht Olympioniken gegeneinander antreten und dabei zwischen Bewegungssteuerung und traditioneller Tastensteuerung wählen. Im Kampf um Gold liefern sie sich dabei packende Sportwettkämpfe, die um vier neue Disziplinen erweitert werden: Skateboard, Karate, Surfen und Sportklettern. Unterschiedlichste Sport- und Fun-Wettbewerbe sowie verschiedene Spielweisen sorgen für Abwechslung ohne Ende.</td>
</tr>
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 0px 1px 1px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">Spielgenre</span></td>
<td style="border-width: 0px 2px 1px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">Sportspiel</td>
</tr>
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 0px 1px 1px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">Spielmodus</span></td>
<td style="border-width: 0px 2px 1px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">offline<br />online</td>
</tr>
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 0px 1px 1px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">Anzahl Spieler (offline)</span></td>
<td style="border-width: 0px 2px 1px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">bis zu 4</td>
</tr>
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 0px 1px 1px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">Anzahl Spieler (online)</span></td>
<td style="border-width: 0px 2px 1px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">bis zu 8</td>
</tr>
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 0px 1px 2px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">USK-Freigabe</span></td>
<td style="border-width: 0px 2px 2px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">Einstufung ausstehend</td>
</tr>
</tbody>
</table>
<table class="dv_characteristicsTable" style="border: 0px; margin: 16px 0px 0px; padding: 0px; border-spacing: 0px; table-layout: fixed; width: 100%;" cellspacing="0" cellpadding="100%">
<tbody style="border: 0px; margin: 0px; padding: 0px;">
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 2px 1px 1px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">USK-18-Hinweis</span></td>
<td style="border-width: 2px 2px 1px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">Sicher nicht USK-18 ohne Label: Lieber Kunde, bitte beachten Sie, dass der Titel noch nicht nach 14 Absatz 2 JuSchG von einer Organisation der freiwilligen Selbstkontrolle gekennzeichnet wurde. Sobald eine entsprechende Kennzeichnung durch die Unterhaltungssoftware Selbstkontrolle (USK) erfolgt ist, zeigen wir Ihnen das Spiele-Cover mit der entsprechenden Kennzeichnung an.</td>
</tr>
<tr style="border: 0px; margin: 0px; padding: 0px;">
<td class="left" style="border-width: 0px 1px 2px 2px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top; font-weight: bold; width: 242px;"><span style="border: 0px; margin: 0px; padding: 0px;">Artikelhinweis</span></td>
<td style="border-width: 0px 2px 2px 1px; border-style: solid; border-color: #eeeeee; margin: 0px; padding: 8px; vertical-align: top;">Dieser Artikel wird in einer versiegelten Verpackung an Sie geliefert. Bitte beachten Sie, dass Ihr Widerrufsrecht erlischt, wenn Sie die Versiegelung nach Erhalt des Artikels entfernen.</td>
</tr>
</tbody>
</table>
</div>

 

mobile.png

1.PNG

Share this post


Link to post
Share on other sites

La descrizione prodotto, grazie ad un tutorial trovato sul web sono riuscito a modificarlo.

Mi resta sempre il problema della descrizione su mobile, sembra che la prima colonna non vada rimpicciolendosi...

 

chi mi sa aiutare?

Grazie

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More