Jump to content
xt:Commerce Community Forum

Versandkosten etc. in Lightbox?


jwinkel

Recommended Posts

Hallo zusammen,

ich finde die Idee, Randinformationen wie Versandkosten etc. in einer Lightbox anzuzeigen, sehr charmant - der Kunde bleibt auf der Artikelseite, die er gerade ansieht.

Hat jemand eine Idee, ob und wenn wie das in Veyton zu realisieren ist?

Gruß,

Jörg

Link to comment
Share on other sites

Hallo zusammen,

ich finde die Idee, Randinformationen wie Versandkosten etc. in einer Lightbox anzuzeigen, sehr charmant - der Kunde bleibt auf der Artikelseite, die er gerade ansieht.

Hat jemand eine Idee, ob und wenn wie das in Veyton zu realisieren ist?

Gruß,

Jörg

jo habe ich :)

Handbuch nutzen "Stichwort" Content Inhalte im Template ausgeben !!!

..... benötigte Content ID in die produkt.html einbinden und via THICKBOX anzeigen lassen.

Link to comment
Share on other sites

Dabei kommt für mich Dummy folgendes heraus:

<script type="text/javascript">

		$(document).ready(function(){

			$("a[rel='cbff']").colorbox({html:"{content cont_id=7 is_id=false}{$_content_7.content_title}<br />{$_content_7.content_body}", transition:"fade", width:"600px", height:"500px"});

		});

</script>

Und das funktioniert net... :eek:

Wie geht's richtig?

Link to comment
Share on other sites

Bitteschön:

Der spannende Teil ist

{if $products_shipping_link} <a rel="cbff">{txt key=TEXT_EXCL_SHIPPING}</a> {/if} 
Damit wird die oben angeführte Javascript-Routine getriggert, die dann eine Colorbox mit den Versandkosten aufmacht. Insgesamt sieht's dann so aus:

{$godrelation}

<div id="productinfowrap"> 

	<div id="productinfoimages"> 

		{box name=mz_box_hersteller type=user manufacturer=$manufacturers_id}

		{if $products_image!='' and $products_image != 'product:noimage.gif'}

		  	<a href="{img img=$products_image type=m_popup path_only=true}" rel="cbo"> {img img=$products_image type=m_info alt=$products_name|escape:"html" title=$products_name|escape:"html"}</a> 

  			{if $more_images !=''}<br />

    			{foreach name=aussen item=img_data from=$more_images} 

    				<a rel="cbo" href="{img img=$img_data.file type=m_popup path_only=true}">{img img=$img_data.file type=m_thumb alt=$products_name}</a> 

    			{/foreach}

  			{/if}

  			<div class="taxandshippinginfo"> (+) zum Vergrößern auf die Bilder klicken</div>

		{/if} 

  	</div>

	<div id="socialshareprivacy"></div>

	<div style="clear:left"></div>

	<h1>{$products_name}</h1>

	{if $date_available!=''}

		<ul class="info_info">

			<li class="infoInfo">{txt key=TEXT_PRODUCT_AVAILABLE} {$date_available|date_format:"%A, %B %e, %Y"}</li>

		</ul>

		<br />

	{/if}

	{if $products_description != ''}

		{assign var='teil' value='<desc />'|split:$products_description} 

		<div id="tabvanilla" class="widget">  

	  	{if $products_techdat_html != '' || $products_details_html !='' || $media_files !=''}

	  		<ul class="tabnav">

	    		<li><a href="#Beschreibung">Beschreibung</a></li>

	    		{if $products_details_html != ''}

		    		<li><a href="#Details">Details</a></li>

	    		{/if}

	    		{if $products_techdat_html !=''}

		    		<li><a href="#Daten">Technische Daten</a></li>

	    		{/if}

	    		{if $media_files !=''}

	 	   			<li><a href="#Downloads">Downloads</a></li>

	    		{/if}

			</ul>

	    	<br /><br />

	  	{/if}

		{if $products_description !=''} 

		   	<div id="Beschreibung" class="tabdiv">{$products_description}</div>  

		{/if} 

		{if $products_details_html != ''}

			<div id="Details" class="tabdiv">{$products_details_html}</div>

		{/if}

		{if $products_techdat_html != ''}

		  	<div id="Daten" class="tabdiv">{$products_techdat_html}</div>

		{/if}

		{if $media_files !=''}

		   <div id="Downloads" class="tabdiv">

			   {include file="$selected_template/xtCore/pages/files/product_public_files.html"} 

		   </div>

		{/if} 

		{if $products_url != ''}

	    	<div class="hrlightgrey"></div>

	        <div style="padding-top:5px;"><a href="{$products_url}" target="_blank">Weitere Informationen</a></div>

	    {/if}

		</div>

	{/if}

  <div style="clear:both"></div>

  {hook key=product_info_tpl_before_cart}

  {if $allow_add_cart eq 'true'}

  {form type=form name=product action='dynamic' link_params=getParams method=post}

  {form type=hidden name=action value=add_product}

  {form type=hidden name=product value=$products_id}

  {if $products_fsk18=='1'}

  <ul class="info_error">

    <li class="infoError">{txt key=TEXT_PRODUCTS_FSK18_NOTE}</li>

  </ul>

  {/if}

  <div class="addtobasket">

    <table class="productPreview" width="100%" border="0" cellspacing="0" cellpadding="0">

      <tr>

        <td class="productPreviewContent" rowspan="2" align="left"><h2>{$products_name} </h2>

          <div id="plusone"></div>

          <p>{$products_short_description}

            {if $products_weight > 0} <br/>

            {txt key=TEXT_PRODUCTS_WEIGHT}: {$products_weight|number_format:2:",":"."} KG

            {/if} </p></td>

        <td rowspan="2" width="200px" align="left"> {if $products_model!=''}

          {txt key=TEXT_PRODUCTS_MODEL}: {$products_model}

          {/if}

          {if $base_price}

          <p class="vpe">{$base_price.price} {txt key=TEXT_PER} {$base_price.vpe.name}</p>

          {/if}

          {if $date_available!=''}

	          <p class="availablefrom">{txt key=TEXT_PRODUCT_AVAILABLE} {$date_available|date_format:"%A, %e. %B %Y"}</p>

          {else}

			{if $products_quantity > 0}<p class="shippingtime">

            	<p><strong>Nur noch {$products_quantity|string_format:"%d"} verfügbar!</strong><br>

          			{txt key=TEXT_SHIPPING_STATUS} {$shipping_status}</p>

            {else}

          		{if $shipping_status}

	                <p class="shippingtime">{txt key=TEXT_SHIPPING_STATUS} {$shipping_status} <img src="/templates/yb-test/img/buttons/info.gif"  title="Beinhaltet die Laufzeit der Sendung: 2 Werktage für Pakete, 3-5 Werktage für Batterien (Speditionsware)" /></p>

          		{/if}

			{/if}

          {/if}

          {if $stock_image}

          <p class="stockimage">{img img=$stock_image.image type=t_img_stockrules alt=$stock_image.name}</p>

          <p class="stockimagetext">{$stock_image.name}</p>

          {/if} 

</td>

        <td colspan="2" style="text-align:right"><p class="price">{$products_price.formated}</p>

          <p class="taxandshippinginfo"> {$products_tax_info.tax_desc}

            {if $products_shipping_link} <a rel="cbff">{txt key=TEXT_EXCL_SHIPPING}</a> {/if} 

            {if $products_shipping_group_name}<br />

            ({$products_shipping_group_name}){/if} </p></td>

      </tr>

      <tr>

        <td width="52px">{form type=text name=qty value=1 params='style="width:50px;"'}</td>

        <td width"100px"> {button text=$smarty.const.BUTTON_ADD_CART file='button_in_cart.gif' type='form' btn_template='tpl_button_y.gif' space_left='25'} </td>

      </tr>

    </table>

  </div>

  {form type=formend}

  {/if}

  {box name=xt_cliplister type=user} 

  {if $link_priceinquiry}

  <p><a href="{$link_priceinquiry}">{button text=$smarty.const.TEXT_XT_PRICEINQUIRY_ASK file='anfrage.gif' btn_template='tpl_button_y.gif' space_left='25'}</a></p>

  {/if}

  {hook key=product_info_tpl_cart}

  <div style="clear:both;"></div>

  <br />

  {hook key=product_info_tpl}

  {hook key=cs_product_info_tpl}

  {hook key=acs_product_info_tpl}

   </div>

{$error_listing}

[/code]

Link to comment
Share on other sites

Archived

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

×
  • Create New...