[Gelöst] Schleife "new", "Bestseller" und "Sale"

[d4sId]

Hallo zusammen

Ich möchte bei "homefeatured" und bei "product-list" ein Bild hinzufügen, dass anzeigt ob es sich um "new", "bestseller" oder "sale" Produkt handelt. Ich habe da meine eigenen Bilder erstellt, sieht in etwa so aus wie das angehängte Bild. Es handelt sich um ein PNG, da es das bestehende Produkt Bild überlappen soll.

Kann mir einer Tipps geben wie ich das zu bewerkstelligen habe?

Greetings

Edited October 5, 2013 by d4sId (see edit history)

[guest*]

Warum schreibst du in die falsche Kategorie ? Deine Frage bezieht sich auf die Konfiguration und Nutzung von PS. Dazu gibt es eine eigene Kategorie.

 

http://www.prestashop.com/forums/index.php?/topic/197742-forum-regeln/

 

Post wird verschoben.

[BluTiGeS]

Das musst du dann für die entsprechenden Teile in der homefeatured einblenden und per css (evtl noch mit JS) richtig positionieren

[d4sId]

Sorry cd2500, danke fürs verschieben :-)

 

BluTiGeS, kannst du mir das anhand der product-list.tpl zeigen? :-)

[BluTiGeS]

wenn standard hast dann schau mal deine product_list.css an.

 

und ersetze:

#product_list li span.new {
  display: block;
  position: absolute;
  top: 15px;
  right:-30px;
  padding: 1px 4px;
  width: 101px;
  font-size:10px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform: rotate(45deg);
  background-color: #990000
 }

 

durch:

 

#product_list li span.new {
  display: block;
  position: absolute;
  top: 0px;
  right:0px;
  width: 70px;
  height:69px;
  text-indent:9999px;
  background-image:url(../img/new-home.png);
 }

 

natürlich musst du das bild dann ncoh in der richtigen größe, bei mir 70x69px als new-home.png in deinem theme/img Folder ablegen oder halt wie du es bennen möchtest.

 

Ergebnis sollte dann wie im header aussehen, gleiches vorgehen für die anderen punkte,also alles per css lösbar

Edited November 2, 2012 by BluTiGeS (see edit history)

[d4sId]

Danke für deine Hilfe.Bei mir macht er gar nichts. Die product_list.tpl sieht ja so aus:

{if isset($products)}[list]
{foreach from=$products item=product name=products}[*]
[url="{$product.link|escape:"][img={$link->getImageLink($product.link_rewrite,%20$product.id_image,%20][/url]
[b]{if isset($product.new) && $product.new == 1}{l s='New'}{/if}[url="{$product.link|escape:"]{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}[/url][/b]

[url="{$product.link|escape:"]{$product.description_short|truncate:360:'...'|strip_tags:'UTF-8'}[/url]
{if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}{l s='On sale!'}{elseif isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}{l s='Reduced price!'}{/if}{if isset($product.online_only) && $product.online_only}{l s='Online only!'}{/if}{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}
{if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}
{/if} {* {if isset($product.available_for_order) && $product.available_for_order && !isset($restricted_country_mode)}{if ($product.allow_oosp || $product.quantity > 0)}{l s='Available'}{else}{l s='Out of stock'}{/if}{/if} *}{/if}{if ($product.id_product_attribute == 0 || (isset($add_prod_display) && ($add_prod_display == 1))) && $product.available_for_order && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}{if ($product.allow_oosp || $product.quantity > 0) && $product.customizable != 2}[url="{$link->getPageLink("]{l s='Add to cart'}[/url]{else}{l s='Add to cart'}{/if}{/if}[url="{$product.link|escape:"]{l s='View'}[/url]{if isset($comparator_max_item) && $comparator_max_item}
{l s='Select to compare'}{/if}
{/foreach}
[/list]{/if}

Ich habe bei mir nun die css angepasst (ist ein anderes Thema):

ul#product_list a.product_img_link {
background-image: url(../img/New.png)
border: solid 1px #d0d3d8;
float: left;
margin-right: 0.6em
}

aber das Bild erscheint gar nicht.Hast du da einen Tip?

 

PS: das ist die ganze css:

/* product-list.tpl */
ul#product_list { margin-top: 2em; list-style-type: none }
ul#product_list li {
background: #d0d3d8 url('../img/block_category_item_bg.jpg') repeat-x;
border: solid 1px #d0d3d8;
padding: 6px;
min-height: 130px;
height: auto;
clear: both;
margin-bottom: 0.3em
}
* html ul#product_list li {
height: auto !important;
height: 130px
}
ul#product_list li a {
text-decoration: none;
color: #374853
}
ul#product_list a.product_img_link {
background-image: url(../img/New.png)
border: solid 1px #d0d3d8;
float: left;
margin-right: 0.6em
}
ul#product_list a.product_img_link img {
vertical-align: bottom;
display: block;
}
ul#product_list li h3 { margin: 0.4em 0 }
ul#product_list li .new {
background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;
border: 1px solid #488C40;
color: white;
font-size: 0.6em;
font-weight: bold;
margin: 0 1em 0 0;
padding: 0 0.4em;
text-transform: uppercase;
vertical-align: 0.3em
}
ul#product_list li p.product_desc {
margin-bottom: 0;
font-size: 0.92em
}
ul#product_list li div.center_block {
float: left;
width: 74%
}
ul#product_list li div.right_block {
float: left;
width: 11em;
text-align: right;
margin-left: 1em;
margin-top: 0
}
ul#product_list li .discount, ul#product_list li .on_sale, ul#product_list li .online_only {
color: #da0f00;
text-transform: uppercase;
font-weight: bold;
display: block
}
ul#product_list li .reduction {
display: block;
margin-bottom: 0.3em
}
ul#product_list li .price {
display: block;
font-size: 1.5em;
margin-bottom: 0.2em
}
ul#product_list li span.availability {
color: #488c40;
font-size: 0.9em
}
ul#product_list li a.button { margin-top: 0.5em }
ul#product_list li p.compare input { vertical-align: text-bottom }

Edited November 2, 2012 by reich-trade.ch (see edit history)

[distrax]

Wäre nicht die einfachste und schnellste Methode das Bearbeiten des Produktbildes?

[d4sId]

Wäre nicht die einfachste und schnellste Methode das Bearbeiten des Produktbildes?

 

Nein, ein Produkt ist nach 30 Tagen nicht mehr neu, und der Status Bestseller und Sale ändert sich auch laufend. Das soll und muss das System automatisch machen. ;-)

Edited November 2, 2012 by reich-trade.ch (see edit history)

[distrax]

Ahh, ok, ich dachte, es handelt sich um Aktionen. Dann never mind

[BluTiGeS]

ul#product_list li .new {
background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;
border: 1px solid #488C40;
color: white;
font-size: 0.6em;
font-weight: bold;
margin: 0 1em 0 0;
padding: 0 0.4em;
text-transform: uppercase;
vertical-align: 0.3em
}

 

das mal wie ich beschrieben hab abändern, sonst schick mal link per pm und hast bild auch in deintheme/img ordner abgelegt?

[d4sId]

Danke für deine Hilfe. Funktioniert bei mir aber nicht wenn ichs wie von dir beschrieben mache

Dann wird das kleine Bild Neu einfach angepasst. Link per pm gesendet. Bild ist bei /img und bei /themes/theme/img vorhanden.

Per Firebug sehe ich leider auch nichts von den Aenderungen..

Edited November 2, 2012 by reich-trade.ch (see edit history)

[BluTiGeS]

Hab dir PM geschickt.

 

Für weitere Anpassungen bitte CSS Tutorial mal lesen http://www.w3schools.com/css/

[guest*]

Ist das Problem gelöst ? Dann bitte Forums Regeln beachten und diesen als [gelöst] markieren. Dazu den Initialpost mit "edit" editieren, den "use full editor" wählen und dann die Überschrift bearbeiten und davor [gelöst] oder [solved] setzen.