Jump to content

Carrito Ajax: Mostrar imagen del producto

ErikSebastia2
 Share

Recommended Posts

nadie Rookie

nadie

Posted
Posted

Porque es lo que comento anteriormente, me baje la plantilla (bueno, prestashop entero) y me aparece todo como siempre, el mismo blockcart.

 

Si alguien tiene el modulo que utiliza la 1.4.7 puede adjuntarlo

El modulo va integrado en el de BlockUserInfo de la nueva plantilla.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hola, esto que me co

 

Hay opción a poner este módulo de la 1.5 en la 1.4.X? De momento veo que no pero me gustaria saber si es posible o imposible.

 

Gracias

El modulo va con la plantilla sobreescrito, no es particular de la 1.5.

 

Un saludo,

Link to comment
Share on other sites
ErikSebastia2 Newbie

ErikSebastia2

Posted
  • Author
Posted

Muchas gracias, exactamente era esto lo que quería. Ahora estoy modificándolo para que se ajuste al estilo que quiero darle. Como tengo que modificar el archivo blockart.tpl para que muestre una imagen del producto del carrito? Yo entiendo que se tiene que añadir esta línea de código (pero no funciona...):

 

<img src="{$link->getImageLink($product.id_product, $product.link_rewrite, $product.id_image, 'medium')}" alt="{product.name|escape:'htmlall':'UTF-8'}" width="100" height="100" />

 

Gracias

 

El TPL original es este:

 

{*
* 2007-2011 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2011 PrestaShop SA
*  @version  Release: $Revision: 6594 $
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{*************************************************************************************************************************************}
{* IMPORTANT : If you change some data here, you have to report these changes in the ./blockcart-json.js (to let ajaxCart available) *}
{*************************************************************************************************************************************}
{if $ajax_allowed}
<script type="text/javascript">
var CUSTOMIZE_TEXTFIELD = {$CUSTOMIZE_TEXTFIELD};
var customizationIdMessage = '{l s='Customization #' mod='blockcart' js=1}';
var removingLinkText = '{l s='remove this product from my cart' mod='blockcart' js=1}';
</script>
{/if}
<!-- MODULE Block cart -->
<div id="cart_block" class="block exclusive">
<h4>
 <a href="{$link->getPageLink("$order_process.php", true)}">{l s='Cart' mod='blockcart'}</a>
 {if $ajax_allowed}
 <span id="block_cart_expand" {if isset($colapseExpandStatus) && $colapseExpandStatus eq 'expanded' || !isset($colapseExpandStatus)}class="hidden"{/if}> </span>
 <span id="block_cart_collapse" {if isset($colapseExpandStatus) && $colapseExpandStatus eq 'collapsed'}class="hidden"{/if}> </span>
 {/if}
</h4>
<div class="block_content">
<!-- block summary -->
<div id="cart_block_summary" class="{if isset($colapseExpandStatus) && $colapseExpandStatus eq 'expanded' || !$ajax_allowed || !isset($colapseExpandStatus)}collapsed{else}expanded{/if}">
 <span class="ajax_cart_quantity" {if $cart_qties <= 0}style="display:none;"{/if}>{$cart_qties}</span>
 <span class="ajax_cart_product_txt_s" {if $cart_qties <= 1}style="display:none"{/if}>{l s='products' mod='blockcart'}</span>
 <span class="ajax_cart_product_txt" {if $cart_qties > 1}style="display:none"{/if}>{l s='product' mod='blockcart'}</span>
 <span class="ajax_cart_total" {if $cart_qties <= 0}style="display:none"{/if}>{if $priceDisplay == 1}{convertPrice price=$cart->getOrderTotal(false)}{else}{convertPrice price=$cart->getOrderTotal(true)}{/if}</span>
 <span class="ajax_cart_no_product" {if $cart_qties != 0}style="display:none"{/if}>{l s='(empty)' mod='blockcart'}</span>
</div>
<!-- block list of products -->
<div id="cart_block_list" class="{if isset($colapseExpandStatus) && $colapseExpandStatus eq 'expanded' || !$ajax_allowed || !isset($colapseExpandStatus)}expanded{else}collapsed{/if}">
{if $products}
 <dl class="products">
 {foreach from=$products item='product' name='myLoop'}

  {assign var='productId' value=$product.id_product}
  {assign var='productAttributeId' value=$product.id_product_attribute}

  <dt id="cart_block_product_{$product.id_product}{if $product.id_product_attribute}_{$product.id_product_attribute}{/if}" class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{else}item{/if}">


   <span class="quantity-formated"><span class="quantity">{$product.cart_quantity}</span>x</span>
   <a class="cart_block_product_name" href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category)}" title="{$product.name|escape:html:'UTF-8'}">
   {$product.name|truncate:100:'...'|escape:html:'UTF-8'}</a>
   <span class="remove_link">{if !isset($customizedDatas.$productId.$productAttributeId)}<a rel="nofollow" class="ajax_cart_block_remove_link" href="{$link->getPageLink('cart.php')}?delete&id_product={$product.id_product}&ipa={$product.id_product_attribute}&token={$static_token}" title="{l s='remove this product from my cart' mod='blockcart'}"> </a>{/if}</span>
   <span class="price">{if $priceDisplay == $smarty.const.PS_TAX_EXC}{displayWtPrice p="`$product.total`"}{else}{displayWtPrice p="`$product.total_wt`"}{/if}</span>
  </dt>
  {if isset($product.attributes_small)}
  <dd id="cart_block_combination_of_{$product.id_product}{if $product.id_product_attribute}_{$product.id_product_attribute}{/if}" class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{else}item{/if}">
   <a href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category)}" title="{l s='Product detail'}">{$product.attributes_small}</a>
  {/if}
  <!-- Customizable datas -->
  {if isset($customizedDatas.$productId.$productAttributeId)}
   {if !isset($product.attributes_small)}<dd id="cart_block_combination_of_{$product.id_product}{if $product.id_product_attribute}_{$product.id_product_attribute}{/if}" class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{else}item{/if}">{/if}
   <ul class="cart_block_customizations" id="customization_{$productId}_{$productAttributeId}">
 {foreach from=$customizedDatas.$productId.$productAttributeId key='id_customization' item='customization' name='customizations'}
  <li name="customization">
   <div class="deleteCustomizableProduct" id="deleteCustomizableProduct_{$id_customization|intval}_{$product.id_product|intval}_{$product.id_product_attribute|intval}"><a class="ajax_cart_block_remove_link" href="{$link->getPageLink('cart.php')}?delete&id_product={$product.id_product|intval}&ipa={$product.id_product_attribute|intval}&id_customization={$id_customization}&token={$static_token}"> </a></div>
   <span class="quantity-formated"><span class="quantity">{$customization.quantity}</span>x</span>{if isset($customization.datas.$CUSTOMIZE_TEXTFIELD.0)}
   {$customization.datas.$CUSTOMIZE_TEXTFIELD.0.value|escape:html:'UTF-8'|replace:"<br />":" "|truncate:28}
   {else}
   {l s='Customization #' mod='blockcart'}{$id_customization|intval}{l s=':' mod='blockcart'}
   {/if}
  </li>
 {/foreach}
   </ul>
   {if !isset($product.attributes_small)}</dd>{/if}
  {/if}
  {if isset($product.attributes_small)}</dd>{/if}
 {/foreach}
 </dl>
{/if}
 <p {if $products}class="hidden"{/if} id="cart_block_no_products">{l s='No products' mod='blockcart'}</p>
 {if $discounts|@count > 0}<table id="vouchers">
  <tbody>
  {foreach from=$discounts item=discount}
   <tr class="bloc_cart_voucher" id="bloc_cart_voucher_{$discount.id_discount}">
 <td class="name" title="{$discount.description}">{$discount.name|cat:' : '|cat:$discount.description|truncate:18:'...'|escape:'htmlall':'UTF-8'}</td>
 <td class="price">-{if $discount.value_real != '!'}{if $priceDisplay == 1}{convertPrice price=$discount.value_tax_exc}{else}{convertPrice price=$discount.value_real}{/if}{/if}</td>
 <td class="delete"><a href="{$link->getPageLink("$order_process.php", true)}?deleteDiscount={$discount.id_discount}" title="{l s='Delete'}"><img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" width="11" height="13" class="icon" /></a></td>
   </tr>
  {/foreach}
  </tbody>
 </table>
 {/if}
 <p id="cart-prices">
  <span>{l s='Shipping' mod='blockcart'}</span>
  <span id="cart_block_shipping_cost" class="price ajax_cart_shipping_cost">{$shipping_cost}</span>
  <br/>
  {if $show_wrapping}
   {assign var='blockcart_cart_flag' value='Cart::ONLY_WRAPPING'|constant}
   <span>{l s='Wrapping' mod='blockcart'}</span>
   <span id="cart_block_wrapping_cost" class="price cart_block_wrapping_cost">{if $priceDisplay == 1}{convertPrice price=$cart->getOrderTotal(false, $blockcart_cart_flag)}{else}{convertPrice price=$cart->getOrderTotal(true, $blockcart_cart_flag)}{/if}</span>
   <br/>
  {/if}
  {if $show_tax && isset($tax_cost)}
   <span>{l s='Tax' mod='blockcart'}</span>
   <span id="cart_block_tax_cost" class="price ajax_cart_tax_cost">{$tax_cost}</span>
   <br/>
  {/if}
  <span>{l s='Total' mod='blockcart'}</span>
  <span id="cart_block_total" class="price ajax_block_cart_total">{$total}</span>
 </p>
 {if $use_taxes && $display_tax_label == 1 && $show_tax}
  {if $priceDisplay == 0}
   <p id="cart-price-precisions">
 {l s='Prices are tax included' mod='blockcart'}
   </p>
  {/if}
  {if $priceDisplay == 1}
   <p id="cart-price-precisions">
 {l s='Prices are tax excluded' mod='blockcart'}
   </p>
  {/if}
 {/if}
 <p id="cart-buttons">
  {if $order_process == 'order'}<a href="{$link->getPageLink("$order_process.php", true)}" class="button_small" title="{l s='Cart' mod='blockcart'}">{l s='Cart' mod='blockcart'}</a>{/if}
  <!--<a href="{$link->getPageLink("$order_process.php", true)}{if $order_process == 'order'}?step=1{/if}" id="button_order_cart" class="exclusive{if $order_process == 'order-opc'}_large{/if}" title="{l s='Check out' mod='blockcart'}"><span></span>{l s='Check out' mod='blockcart'}</a>-->
  <a href="{$link->getPageLink("$order_process.php", true)}" id="button_order_cart" class="exclusive{if $order_process == 'order-opc'}_large{/if}" title="{l s='Check out' mod='blockcart'}"><span></span>{l s='Check out' mod='blockcart'}</a>
 </p>
</div>
</div>
</div>
<!-- /MODULE Block cart -->

Link to comment
Share on other sites
ErikSebastia2 Newbie

ErikSebastia2

Posted
  • Author
Posted

SOLUCIONADO. Esta e sla línea de código:

<a href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category)|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'small')}" alt="{$product.name|escape:'htmlall':'UTF-8'}" {if isset($smallSize)}width="{$smallSize.width}" height="{$smallSize.height}" {/if} /></a>

 

Cuando tenga el módulo bonito os lo muestro.

 

Gracias

Link to comment
Share on other sites
tamu secreto Newbie

tamu secreto

Posted
Posted

En la version 1.5 viene por defecto ese carrito, sin embargo yo habia hecho algo similar para versiones 1.2.5 y 1.3.7 el modulo se llamaba hover cart, voy a ver si lo encuentro y hago una actualizacion...

 

saludos

 

PD: busca en el foro debe haber alguno por ahi subido.

Link to comment
Share on other sites
ErikSebastia2 Newbie

ErikSebastia2

Posted
  • Author
Posted

No me funciona del todo bien el módulo de carrito tipo 1.5 que estoy modificando. Las imagenes del link del producto no se muestrans si no actualizo la paginba. Puede ser por el link_rewrite? Gracias

 

<a href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category)|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'small')}" alt="{$product.name|escape:'htmlall':'UTF-8'}" {if isset($smallSize)}width="{$smallSize.width}" height="{$smallSize.height}" {/if} /></a>

Link to comment
Share on other sites
ErikSebastia2 Newbie

ErikSebastia2

Posted
  • Author
Posted

Hola de nuevo,

 

El problema esta en la función Ajax del carrito. No se muestran las imágenes si no actualizo ya que es el código Ajax el que rellena el carrito sin actualizar la página. El archivo TPL del módulo blockcart lo he modificado para mostrar las imágenes, pero el código Ajax imprime el antiguo carrito.

 

Me podríais explicar (o poner un código de ejemplo) de cómo puedo imprimir la imagen Small del producto en el código Ajax? Estoy perdido en cómo obtener la variable imagen small del producto.

 

Gracias

 

//display the products witch are in json data but not already displayed
displayNewProducts : function(jsonData) {
 //add every new products or update displaying of every updated products
 $(jsonData.products).each(function(){
  //fix ie6 bug (one more item 'undefined' in IE6)
  if (this.id != undefined)
  {
//create a container for listing the products and hide the 'no product in the cart' message (only if the cart was empty)
if ($('div#cart_block dl.products').length == 0)
{
 $('p#cart_block_no_products').before('<dl class="products"></dl>');
 $('p#cart_block_no_products').hide();
}
//if product is not in the displayed cart, add a new product's line
var domIdProduct = this.id + (this.idCombination ? '_' + this.idCombination : '');
var domIdProductAttribute = this.id + '_' + (this.idCombination ? this.idCombination : '0');
if($('#cart_block dt#cart_block_product_'+ domIdProduct ).length == 0)
{
 var productId = parseInt(this.id);
 var productAttributeId = (this.hasAttributes ? parseInt(this.attributes) : 0);
 var content =  '<dt class="hidden" id="cart_block_product_' + domIdProduct + '">';

[b]//AQUI ES DÓNDE IMPRIME EL CARRITO, PERO SIN LA IMAGEN[/b]
   content += '<span class="qtt"><br />Cantidad:</span>' + this.quantity;
   var name = (this.name.length > 12 ? this.name.substring(0, 20) + '...' : this.name +' ');
	content += '<a href="' + this.link + '" title="' + this.name + '">' + name + '</a>';
	content += '<span class="remove_link"><a rel="nofollow" class="ajax_cart_block_remove_link" href="' + baseDir + 'cart.php?delete&id_product=' + productId + '&token=' + static_token + (this.hasAttributes ? '&ipa=' + parseInt(this.idCombination) : '') + '"> </a></span>';
	content += '<span class="price">' + this.priceByLine + '</span>';
	content += '</dt>';
 if (this.hasAttributes)
	content += '<dd id="cart_block_combination_of_' + domIdProduct + '" class="hidden"><a href="' + this.link + '" title="' + this.name + '">' + this.attributes + '</a>';
 if (this.hasCustomizedDatas)
  content += ajaxCart.displayNewCustomizedDatas(this);
 if (this.hasAttributes) content += '</dd>';
 $('#cart_block dl.products').append(content);
}

Link to comment
Share on other sites
  • 1 month later...
ErikSebastia2 Newbie

ErikSebastia2

Posted
  • Author
Posted

No he entendido bien tu explicación. EL problema es que a nivel de TPL si puedo pegar el código para generar la imagen sin ningún problema, pero en los ficheros JS no se poner el mísmo código ya que no funcionan igual las variables.

 

Quiero poner aquí:

content += '<span class="qtt"><br />Cantidad:</span>' + this.quantity;
	   var name = (this.name.length > 12 ? this.name.substring(0, 20) + '...' : this.name +' ');
			content += '<a href="' + this.link + '" title="' + this.name + '">' + name + '</a>';
			content += '<span class="remove_link"><a rel="nofollow" class="ajax_cart_block_remove_link" href="' + baseDir + 'cart.php?delete&id_product=' + productId + '&token=' + static_token + (this.hasAttributes ? '&ipa=' + parseInt(this.idCombination) : '') + '"> </a></span>';
			content += '<span class="price">' + this.priceByLine + '</span>';
			content += '</dt>';
	}

 

Éste código:

<a href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category)|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'small')}" alt="{$product.name|escape:'htmlall':'UTF-8'}" {if isset($smallSize)}width="{$smallSize.width}" height="{$smallSize.height}" {/if} /></a>

Link to comment
Share on other sites
ErikSebastia2 Newbie

ErikSebastia2

Posted
  • Author
Posted

Up up up!! Por mas que lo miro no consigo solucionarlo. Integrar el siguiente código TPL en un archivo JavaScrip:

 

content += '<span class="qtt"><br />Cantidad:</span>' + this.quantity;
	   var name = (this.name.length > 12 ? this.name.substring(0, 20) + '...' : this.name +' ');
			content += '<a href="' + this.link + '" title="' + this.name + '">' + name + '</a>';
			content += '<span class="remove_link"><a rel="nofollow" class="ajax_cart_block_remove_link" href="' + baseDir + 'cart.php?delete&id_product=' + productId + '&token=' + static_token + (this.hasAttributes ? '&ipa=' + parseInt(this.idCombination) : '') + '"> </a></span>';
			content += '<span class="price">' + this.priceByLine + '</span>';
			content += '</dt>';
	}

 

Éste código:

<a href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category)|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'small')}" alt="{$product.name|escape:'htmlall':'UTF-8'}" {if isset($smallSize)}width="{$smallSize.width}" height="{$smallSize.height}" {/if} /></a>

 

Gracias

Link to comment
Share on other sites
  • 9 months later...
barakalde Newbie

barakalde

Posted
Posted

Tengo un problema, la imagen difuminada en vez de subir hacia el carrito de la derecha se me va hacia el logotipo cuando añado algo al carro. No he modificado nada del blockcart, reinicio el modulo pero nada. He probado a desactivar el Ajax pero cuando le doy a añadir al carro me lleva al panel del carrito donde me dice que está vacio. ¿Le ha pasado a alguien?

Link to comment
Share on other sites
  • 3 months later...
Jorge Arnal Newbie

Jorge Arnal

Posted
Posted

Buenas barakalde!

 

¿Podrías explicar, por favor, qué tocaste del blockcart.js para que cogiera la imagen al actualizar carrito con ajax?

 

No he entendido lo que dices del global.css :S

 

Me he quedado en el mismo paso que te habías quedado tú. Tengo la imagen impresa en el tpl, pero necesita actualizarse para pillar la imagen, porque no "la carga" de la ficha de producto (que es donde en nuestra tienda se puede añadir al carrito).

 

Muchas gracias!

Link to comment
Share on other sites
barakalde Newbie

barakalde

Posted
Posted

Decia que algo toqué en el css del blockcart que está en el global, y gracias a una fuerza divina pues tenia un backup del dia anterior del global.css. De todas formas, si no has tocado mucho, prueba a buscar en el global la parte del estilo del carrito y sustituyelo por el trozo del tema por defecto que hayas utilizado. No se si me he explikado. Un saludo

Link to comment
Share on other sites
Jorge Arnal Newbie

Jorge Arnal

Posted
Posted (edited)

Ok, no lo había entendido. De todas formas ya lo he solucionado.

 

Por si a alguien le sirve, he metido una variable en el blockcart-json (justo después de la variable name):

 

"image":		  "{$link->getImageLink($product.link_rewrite, $product.id_image, 'small')}",

 

Después, en ajax-cart.js, la he llamado y se la he metido como src de la img (linea 448, más o menos, porque he tocado mas cosas):

 

var image = (this.image);

 if (parseFloat(this.price_float) > 0)
  content += '<img src="' + image + '" alt="' + this.name + '"  /><span class="remove_link"><a rel="nofollow" class="ajax_cart_block_remove_link" href="' + baseUri + '?controller=cart&delete=1&id_product=' + productId + '&token=' + static_token + (this.hasAttributes ? '&ipa=' + parseInt(this.idCombination) : '') + '"> </a></span>';

 

La he metido justo antes del icono que elimina el producto del carrito, porque punto uno: no sé tanto de js y así aprovecho la estructura ya montada, y punto dos: para la maquetacion de mi carrito me conviene.

 

Gracias de todas formas por tu tiempo!

 

Un saludo.

 

 

Edito: se me ha olvidado decir que es para prestashop 1.5.4.1, y que si alguien lo usa que lo haga bajo su propia responsabilidad :P. Yo de programación ni idea hoygan; esto ha sido a base de prueba y error con copy-pastes XD.

Edited by Jorge Aprendiz (see edit history)
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...