Jump to content
xt:Commerce Community Forum

Bilder vergrössern per Mouseover

beginner76

By beginner76,
in Fragen zur Software

Recommended Posts

beginner76 Newbie

beginner76

Posted
Posted

Hallo zusammen,

habe nach längerem Suchen keine genaue Antwort zu meinem Anliegen finden können und frage deshalb mal wieder ins Forum hinein in der Hoffnung auf eine Lösung.

Defaultmässig ist es ja so eingestellt, das sich die Bilder erst nach einem Click darauf vergroessern. Um es den Kunden aber einfacher zu machen würde ich dies gerne mittels Mouseoverfunktion umsetzen.

Für eine detaillierte Anleitung in "Anfängersprache" wäre ich sehr dankbar.

Viele Grüsse und besten Dank

beginner76

Link to comment
Share on other sites
objekt Newbie

objekt

Posted
Posted

hab jetzt in die xtFramework/library/jquery/ die wz_tooltip.js eingefügt, und dann in im template in der js.php folgendes eingefügt:

<script type="text/javascript" src="<?php echo _SYSTEM_BASE_URL . _SRV_WEB; ?>xtFramework/library/jquery/wz_tooltip.js"></script>

wenn ich meine seite aktualisiere bekomme ich folgende fehlermeldung:

Tooltip Script Error Message:

wz_tooltip.js must be included INSIDE the body section, immediately after the opening <body> tag.

wo mach ich da noch einen Fehler?

Link to comment
Share on other sites
beginner76 Newbie

beginner76

Posted
  • Author
Posted

Hallo objekt,

danke für die schnelle Antwort. Wo genau muss ich das denn einfügen. Es soll ja in den <body> eingefügt werde, jedoch steht in meiner index.html nichts von body.



<div id="wrap">


        <div id="header">

		<div id="logo"><img src="{$tpl_url_path}img/top_logo.jpg" alt="{$store_name}" /></div>

		<div id="search">{box name=search}</div>

	</div>

	<div id="topmenuwrap">

		<ul id="topmenu">

			<li><a href="{link page='cart'}">{txt key=TEXT_CART}</a></li>

			{if $account == true}

			<li><a href="{link page='customer' conn=SSL}">{txt key=TEXT_ACCOUNT}</a></li>

			{/if}

			<li><a href="{link page='checkout' paction='shipping' conn=SSL}">{txt key=TEXT_CHECKOUT}</a></li>

			{if $account == true}

			{if $registered_customer}

			<li><a href="{link page='customer' paction='logoff' conn=SSL}">{txt key=TEXT_LOGOFF}</a></li>

			{else}

			<li><a href="{link page='customer' paction='login' conn=SSL}">{txt key=TEXT_LOGIN}</a></li>

			{/if}

			{/if}


		</ul>

		<div id="currencies">{box name=currency}</div>

		<div id="languages">{box name=language}</div>


	</div>

	<div id="breadcrumb">

{include file="/xtCore/pages/navigation/breadcrumb.html" type="tpl_include"} 

	</div>

	<div id="contentwrap">

		{if $show_index_boxes == 'true'}

		<div id="leftcol">{box  name=categories}

		{box name=manufacturers}

		{content block_id=7 levels=true}

{if $_content_7|count > 0}

<h2 class="boxheader">{txt key=TEXT_INFO}</h2>

<div class="infoboxbody">

<ul class="contentlist">

{foreach name=aussen item=box_data from=$_content_7}

<li class="level{$box_data.level}{if $box_data.active} active{/if}"><a href="{$box_data.link}">{$box_data.title}</a></li>

{/foreach}

</ul>

</div>

{/if}


{box name=xt_special_products type=user order_by='rand()'}


{box name=xt_trusted_shops type=user}

		</div>

		{/if}

		<div>

		{if $show_index_boxes == 'true'}<div id="content">{else}<div id="contentfull">{/if}

		{$content}</div>

		{if $show_index_boxes == 'true'}

		<div id="rightcol">{box name=cart}{box name=loginbox}{content cont_id=8 is_id=false}

<h2 class="boxheader">{$_content_8.content_title}</h2><div class="boxbody">{$_content_8.content_body}</div>{box name=xt_bestseller_products type=user}</div>

		{/if}

	</div>

</div>

<p class="footer">

{content block_id=6}

{if $_content_6|count > 0}

{foreach name=aussen item=box_data from=$_content_6}

<a href="{$box_data.link}">{$box_data.title}</a>

{/foreach}

{/if}

</p>

[<copyright>]


{hook key=index_footer_tpl}

{banner bg=banner}

</div></div>[/HTML]

Besten Gruss und vielen Dank

beginner76

Link to comment
Share on other sites
objekt Newbie

objekt

Posted
Posted

Hab mal noch eine Frage, wollte jetzt noch gern den Text einfügen, aber leider funktioniert es nicht.

<a href="javascript:void(0);" onmouseover="Tip('{txt key=FARBE_BLAU}

test<br><img src=bildpfad width=80 height=80>', WIDTH, 80, PADDING, 1, BGCOLOR, '#ffffff')" onmouseout="UnTip()"><img class="materialien" src=bildpfad" width="39" height="39" /></a>

das Wort Test funktioniert, aber der txt key nicht :(

Link to comment
Share on other sites
GoriBoy Newbie

GoriBoy

Posted
Posted

Hab mal noch eine Frage, wollte jetzt noch gern den Text einfügen, aber leider funktioniert es nicht.

<a href="javascript:void(0);" onmouseover="Tip('{txt key=FARBE_BLAU}

test<br><img src=bildpfad width=80 height=80>', WIDTH, 80, PADDING, 1, BGCOLOR, '#ffffff')" onmouseout="UnTip()"><img class="materialien" src=bildpfad" width="39" height="39" /></a>

das Wort Test funktioniert, aber der txt key nicht :(

hast du den key=FARBE_BLAU auch in deiner datenbank drin?

Gruß

GoriBoy

Link to comment
Share on other sites
beginner76 Newbie

beginner76

Posted
  • Author
Posted

Ist doch nicht so einfach wie ich dachte. :(

Hab jetzt: <script type="text/javascript" src="http://deinedomain/xtFramework/library/jquery/wz_tooltip.js"></script>

in der index.html ganz am Anfang einfuegt, jedoch weiss ich nicht genau wo und wie ich:

<a href="index.htm" onmouseover="Tip('Some text')"

onmouseout="UnTip()">Homepage </a>

einfuegen soll und was ich im Tip und UnTip eingeben muss damit die Bilder in der Produktdetailansicht beim Mouseover vergroessert dargestellt werden.

Hab hier schon einiges probiert aber irgendwie kommt nichts dabei rum.

Gruss

beginner76

Link to comment
Share on other sites
beginner76 Newbie

beginner76

Posted
  • Author
Posted

Habe es jetzt so am laufen das sich die Bilder beim "mouseover" oeffnen so wie ich es auch geplant hatte. Das einzige Manko an der Sache ist das sie sich sehr langsam aufbauen. Die Originalgroesse der Bilder betraegt vor dem Upload in den Admin 400 x 530 und es sind jpg's.

Habe alle Aenderungen an der product_html vorgenommen und so lief es dann.

Also so hab ich's gemacht:

<script type="text/javascript" src="http://meineDomain/xtFramework/library/jquery/wz_tooltip.js"></script> [/HTML]

in die erste Zeile der product.html gesetzt

dann:

[HTML]<a href="javascript:void(0);" onmouseover="Tip('<img src={img img=$products_image type=m_popup path_only=true} width=\'250\'>')" onmouseout="UnTip()">{img img=$products_image type=m_info alt=$products_name} </a>[/HTML]

und

[HTML]<a href="javascript:void(0);" onmouseover="Tip('<img src={img img=$img_data.file type=m_popup path_only=true} width=\'250\'>')" onmouseout="UnTip()">{img img=$img_data.file type=m_thumb alt=$products_name}</a>[/HTML]

an die entsprechenden Stellen ebenfalls in der product.html eingefuegt.

Die Bilder hatten sich auch schon bei der Thickbox sehr lange mit dem Laden aufgehalten. Woran kann das wohl liegen?

Gruss

Sascha

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...