FROM CACHE - de_header

Tabelle zentrieren

paultheperry
Entdecker
22 0 11

Hi,

Problem :

Aktuelle Shopify Produktbeschreibung 1:1 zu Ebay übernehmen mit der Shopify-Ebay-App. Da die ganzen Styles ja in meinem Shopify Theme stehen, übernimmt es das natürlich nicht. Ergebnis ist einzusammengeklatschter unschöner Text für Ebay.

 

1. Ansatz:

Meine Produktbeschreibung in Shopify so zu bauen das sie für Ebay auch funktioniert.

Das ist mein bisheriger Ansatz:

<style><!--
table.centered {
    border: 0px solid black;
    width:  100%;
  }
    td.col1 {
      width: 25%;
    }
    
    td.col2 {
      width: 75%;
    }
  
  @media (min-width: 600px) {
    table.centered {
      max-width: 600px;
      table-layout: fixed;
      margin-left: auto;
 			margin-right: auto;
    }
  }
--></style>
<table class="centered" data-mce-fragment="1">
<tbody data-mce-fragment="1">
<tr data-mce-fragment="1">
<td class="col1" data-mce-fragment="1">description</td>
<td class="col2" data-mce-fragment="1"><br></td>
</tr>
<tr data-mce-fragment="1">
<td class="col1" data-mce-fragment="1">description</td>
<td class="col2" data-mce-fragment="1"><br></td>
</tr>
<tr data-mce-fragment="1">
<td class="col1" data-mce-fragment="1">test</td>
<td class="col2" data-mce-fragment="1"><br></td>
</tr>
<tr data-mce-fragment="1">
<td class="col1" data-mce-fragment="1">tes2</td>
<td class="col2" data-mce-fragment="1"><br></td>
</tr>
<tr data-mce-fragment="1">
<td class="col1" data-mce-fragment="1">test3</td>
<td class="col2" data-mce-fragment="1"><br></td>
</tr>
</tbody>
</table>

 

Sieht dann bei Ebay Allerdings so aus:

Bildschirmfoto 2021-01-16 um 10.48.25.png

 

Ich hätte die Tabelle aber gern auch zentriert und überlange texte auch mit Umbruch. Im Prinzip so wie auch auf Shopify:

Bildschirmfoto 2021-01-16 um 10.49.40.png

 Gibt es eine Möglichkeit das easy umzusetzen?

 

Liebe Grüße, 

 

Paul

4 ANTWORTEN 4

r8r
Shopify Expert
2555 327 940

Hi Paul,

ich hab schon ewig nicht mehr in eBay Markup herumgedoktert, aber 2 Beobachtungen vorweg:

  1. Die ganzen
    data-mce-fragment​
     Attribute kannst du entfernen.
  2. Die Mediaquery müsstest du auch löschen können. Die dürfte eigentlich keinen Unterschied machen; wenn die Tabelle 100% aber max. 600px breit sein soll, dann kannst du die max-width gleich global so festlegen und nicht erst im 600px+ Viewport. Margin und table layout sollten auch egal sein.

meine Vermutung ist, dass die Mediaquery vielleicht rausgefiltert wird? Interessant wären Shopify & eBay Artikel URL parallel begutachten zu können!

Liebe Grüße,
Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
paultheperry
Entdecker
22 0 11

Hello @r8r Mario!

Ehrlich gesagt war dieser erste versuch ein verzweifelter, bei dem von Anfang an klar war, das es ein Versuch bleiben wird.

hier mal beide links:

 

https://www.ebay.de/itm/203249642818

https://studiovilhelm.de/products/1960er-carstens-rheinsberg-teekanne?_pos=2&_sid=5f10b93e1&_ss=r

 

den unteren Teil habe ich über www.Dewiso.com erstellt, hier wird der Style soweit ich das verstanden habe aber über deren Seite abgerufen. Ist wahrscheinlich auch nicht so schlau sich das für 2000 Produkte in die Beschreibung zu packen, sollte es dewiso mal nicht mehr geben, wäre das dann ja ein ziemlich chaotischer Footer.

 

ahoi,

 

Paul

r8r
Shopify Expert
2555 327 940

Hi @paultheperry 

Screenshot 2021-01-17 at 18.27.06.jpg

so sieht das aus, wenn die Table auf

max-width: 600px;
margin: 0 auto;

konfiguriert wird.

Da würd ich's ehrlich gesagt einfach so lassen, wie's ist 🙂

Mario

PS: Ich hab selbst vor 20 Jahren eBay Templates programmiert – glaub nicht, dass das wirklich relevant ist beim Verkaufserfolg ^^

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
paultheperry
Entdecker
22 0 11

Hello @r8r Mario,

hab das versucht und es ändert sich irgendwie nichts.

Im Prinzip ist es so, ich will kein aufwendiges Layout, das ist wirklich überholt, ich wills aber gern übersichtlich und aufgeräumt und das ist es jetzt noch nicht.

 

So oder so ähnlich wäre schon gut:

Bildschirmfoto 2021-01-18 um 12.44.42.png