In gekachelter Ansicht den hover-Bereich als Produkt-Link?

Wenn Du es mit dem EditStyle nicht hinkriegst, dann versuch mal über den CSS-Monitor zu suchen nach:
.article-list.cols .article-list-item:hover

Dort kannst Du die background-color ändern und evtl. noch einfügen: cursor: pointer;

Oder Du suchst Dir die Klasse in der CSS-Datei, passt sie an und lädtst Sie anschließend wieder im Shop.

 

Hey Manfred,

da bin ich auch noch auf der Suche, also einen ziehlführenden Hinweis habe ich nicht. Das von Erwin genannte funftioniert bei mir nicht.

 

Nö, so wie ichs geschrieben habe funktioniert das. Wobei, ich habe das CSS extrahiert und nicht mit StyleEdit oder CSS-Monitor gearbeitet.
Bei mir funktioniert dat!

 

ok ich habe es mit den anderen beiden Möglichkeiten versucht.

Kannst du dein Vorgehen mal ganz kurz beschreiben. Ich verstehe das "CSS extrahiert" nicht wirklich

 

Gehe ich recht in der Annahme, dass Manfred das komplette Rechteck als Link haben will und es ihm nicht ausschließlich um den Hover-Effekt geht?
Wenn es so ist, dann wird das nur mit CSS nix.

 

Natürlich ist das nur der Mouseover und kein Link. als Link muss das noch anders gemacht werden.

Für den Rest setz ich mich nachher evtl. hin, wenn ich etwas mehr Ruhe haben sollte. Sonst später.

 

Mach mal so:

Ändere die: /templates/EyeCandy/objects/product_boxes_list.html wie folgt

Code:

{config_load file="$language/lang_$language.conf" section="new_products"} 
{config_load file="$language/lang_$language.conf" section="index"} 

<div class="article-list cols clearfix">
	
	{foreach item=module_data from=$content_data.PRODUCTS_DATA}
	
	

		<a href="{$module_data.PRODUCTS_LINK}" class="article-list-item">	
			<div class="article-list-item-inside">
				<div class="article-list-item-image">
				{if $module_data.PRODUCTS_IMAGE}
					<span id="{$content_data.ID_PREFIX}_{$module_data.PRODUCTS_ID}" class="flyover_item"><a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_IMAGE_ALT|default:$module_data.PRODUCTS_NAME|replace:'"':'&quot;'}" title="{$module_data.PRODUCTS_IMAGE_ALT|default:$module_data.PRODUCTS_NAME|replace:'"':'&quot;'}" /></a></span>
				{/if}
				</div>
				<div class="article-list-item-text">
					<p class="title"><a href="{$module_data.PRODUCTS_LINK}"{if $module_data.PRODUCTS_META_DESCRIPTION != ''} title="{$module_data.PRODUCTS_META_DESCRIPTION|truncate:80:"..."|replace:'"':'&quot;'}"{/if}>{$module_data.PRODUCTS_NAME|truncate:$content_data.TRUNCATE_PRODUCTS_NAME:"..."}</a></p>
					<div class="article-list-item-price">
						<div class="article-list-item-price-inline">

							<span class="price"><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_PRICE}</a></span>
							{if $module_data.PRODUCTS_TAX_INFO neq '' || $module_data.PRODUCTS_SHIPPING_LINK neq ''}
								<br />
								{* <span class="small">{$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK}<br /></span> *}
							{/if}
							{if $module_data.PRODUCTS_VPE}
								<span class="small">{$module_data.PRODUCTS_VPE}<br /></span>
							{/if}
						</div>
					</div>
				</div>
			</div>
		</a>	


	{/foreach}
</div>

Also bei mir klappt das

 

Hallo Merlyn

Dabei sollte man aber bedenken, dass ein -div- ein Block-Element ist und eigentlich nicht in ein Inline-Element wie -a- gehört. Wem das relativ wurscht ist, der kann gut leben damit. Funktioniert ja. Die einzige Alternative die mir jetzt anderweitig einfiele, wäre, das per Javascript onClick zu machen.

Nur so als Beilagen-Info ..


Liebe Grüße, MJ

PS: Manfred, nebenbei: Ich hatte auch schonmal nachgesehen wegen Deinem anderen Thread "Sortierung der Empfehlungen". Eigentlich müsste da nur irgendwo bei ner Abfrage ein weiteres Statement ASC oder DESC mit ran oder direkt im Template das array sortieren. Hat bei mir aber nich hingehauen auf die Husche.

 

Hallo MJ,

hab ich korrigiert und man kann sich auch an Schreibfehlern aufhängen.

Mit Deiner Anmerkung magst Du durchaus Recht haben. Mag sein, das das ganze so nicht ganz regelkonform ist, aber es funktioniert und darauf kommt es doch an. Wenn etwas noch eleganter geht, bitte, ich bin immer offen dafür, hier soll doch geholfen werden und ...

Viele Wege führen nach Rom!

Da fange ich bestimmt keine Erbsenzählerei an. Da bin ich kein Freund von.

 

Hallo Erwin

Um Gottes willen, bitte nicht falsch verstehen! Das war auch eher als Scherz gedacht denn als 'Schreibfehlerunterdienasereiberei'. Für sowas war ich nicht Betatester un außerdem bin ich zu alt dafür. Hab meinen Beitrag entsprechend editiert.

Viele Wege führen nach Rom! Sehe ich genauso. Komisch, wir beide haben uns schon einmal im ecombase Forum komplett missverstanden. Da knistert was ^^.

Vielleicht sollte ich doch meinen Avatar wieder ändern ...

Liebe Grüße, MJ

@Manfred
Vielleicht hilft Dir das hier bei den Artikeln auf der Startseite.

 

wasn da los?

auf alle Fälle auch von mir ein Dankeschön an Erwin und MJ und Mannfred (das er das Thema angestoßen hat)

 

Manfred - Du darfst das Div nicht ersetzen, sondern musst das a-Tag drumherum bauen.

vorher <div>Geraffel</div>

nachher <a href...><div>Geraffel</div></a>


---
PS: Nun seht Euch doch mal unsere Avatare an (Erwin, Manfred und ich) Ein virtuelles Bier für den, der erkennt was uns verbindet

 

Zu PS
Wenn ich richtig sehe, sind es die Landebahnen für Fliegen.