Jump to content
Fashionresidenz

Produktbeschreibung zweigeteilt?

Recommended Posts

Hallo Freunde,

ich stehe gerade vor der Frage wie ich meine Produktbeschreibung um genau zu sein die Kurzbeschreibung zweigeteilt bekomme. Habe das ganze schon mit Tabellen versucht, sieht soweit auch ganz gut aus. Allerdings nur bis zum Tablet ab Smartphone ist das nicht mehr nutzbar weil die Tabellen einfach nicht responsive sind.

Es geht darum dass ich einmal einen Produktext habe und dann noch Stichpunktartig die Fakten zu dem Artikel. Und ich würde gerne in der Kurzbeschreibung (die column geht über die volle Breite) links den Text und rechts daneben die Stichpunkte anzeigen lassen.

Geht so etwas?

Falles es nicht ganz verständlich ist was ich meine, bitte noch mal nachfragen :)

Ich danke euch.
Viele Grüße

Lucas

Share this post


Link to post
Share on other sites

Hallo Lucas,

grundsätzlich geht das, üblicherweise verwendet man "float" (Einzelheiten kannst du ergooglen)

 

Z.B. könnte das so aussehen:

 

<div style="width: 100%; margin: 0 auto;">
<p style="float: left; width: 48%; margin: 0;">TEXT LINKS.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

<p style="float: right; width: 48%; margin: 0;">TEXT RECHTS.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<br style="clear: both;"></div>

 

Das Ergebnis sieht dann so aus (Demoshop):

http://quintilius-varus.de/de/home/halloween-t-shirt

 

Grüsse

Whiley

Share this post


Link to post
Share on other sites

Hey Whiley,

 

vielen Dank für deine schnelle Antwort. Auf die Idee bin ich auch schon gekommen, allerdings hab ich da irgendwie ein Problem mit Absetzen, sobald ich zum Beispiel einen Absatz in der "linken Spalte" mache, verutscht das ganze Konstrukt. Wenn ich zwei durchgängige Texte habe geht das super, allerdings habe ich in der linken Spalte verschiedene Überschriften und somit dan auch Absätze und in der rechten Spalte Stichpunkte in einer Auflistung und somit auch nach jedem Punkt einen Absatz.

Wie könnte ich das umgehen, hast du da auch eine Idee?:)

Viele Grüße
Lucas

Share this post


Link to post
Share on other sites

Hey Whiley,
Asche über mein Haupt :blush: . Ich werde mich nie dran gewöhnen dass der WYSIWYG Editor kein WYSIWYG Editor ist :D. Jetzt passt es natürlich wenn ich alles separat im Quelltext anpasse :). Ich danke dir schon mal vielmals :)

 

Vielleicht könntest du mir noch bei einer Kleinigkeit weiterhelfen (ich hoffe diesmal sind es nicht wieder so ein öffensichtliche Basics :D).
Und zwar, hatte ich die Hintergrundfarbe bei der Shortdescription immer in einem hellen grau,  in der product.tpl rein geschrieben.
Wenn ich die Artikelbeschreibung nun rein schreibe ist alles gut, sobald ich aber float benutze und somit zwei Spalten mache, wird nur noch ein oberer Teil der Beschreibung mit der Farbe hinterlegt. Habe auch schon im Quelltext von der jeweiligen Artikelbeschreibung versucht die Hintergrundfarbe zu setzen, dort wird dann allerdings nur der Text hinterlegt aber nicht der ganze Block.

Siehe hier: http://tinyurl.com/jyjfnew

 

Viele Grüße
Lucas

 

Share this post


Link to post
Share on other sites

Lass mich raten .... du hast  <br style="clear: both;"> vor dem </div> vergessen?

 

Grüsse

Whiley

Share this post


Link to post
Share on other sites

Puh da habe ich ja fast noch mal Glück gehabt, das habe ich nicht vergessen. ABER :D, die Änderung durch <br style="clear: both;"> funktioniert, nur sobald ich es dann speicher wird das Ganze nicht übernommen und wird auch im Quelltext nicht mehr angezeigt.

Viele Grüße
Lucas

Share this post


Link to post
Share on other sites

Gut dass du mich darauf aufmerksam gemacht hast, Fehler gefunden. Lag nicht an dem Quelltext von der Produktbeschreibung sondern in der TPL, vor einem </div> zuweit hinten eingetragen ;)

Was würden so welche wie ich nur ohne die Profis machen :)

Ich danke dir Whiley.
Viele Grüße
Lucas

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