Basket popup image cutoff any help appreciated

adriangillitt · May 24, 2013

Hi there i am new to prestashop so bear with me. I have create a new webstore http://littleprints.net but i am struggling a little bit with the custom theme i have used (Responsive).

When i add items to the basket the image of the basket is getting cut off, do you know what settings i needs to change to stop this happening?

Thank you all for any help you are able to give me Adrian

vekia · May 24, 2013

it's because you've got there: overflow: hidden;

<div id="cart_block" class="block exclusive" style="overflow: hidden; display: block;">

remove it from the code, and everything will work well

adriangillitt · May 24, 2013

Hi vekia, when you say remove the code, can you please advise which file i need to remove the code from? Thanks

adriangillitt · May 24, 2013

Hi vekia do you mean in the theme global css file i need to make this change?

adriangillitt · May 25, 2013

Anyone else know where i need to edit the code to stop the cart being partially hidden

Hi vekia, i think the cart is working perfectly, just when you add something to the cart and then hover over to expand it cuts off a little bit of the image

vekia · May 25, 2013

you've got this hardcoded in the template (.tpl) file in the style="" tag

adriangillitt · May 25, 2013

Hi vekia thank you for being so patient with me, but i am still lost as to which tpl file i need to modify.

vekia · May 25, 2013

can you turn maintenance mode off? i will check it once again and give U a tip about what file you have to edit

adriangillitt · May 25, 2013

hi vekia thanks for your help i have now turned off maintanence

vekia · May 25, 2013

thanks, i checked it.

so, you have to open the file:

modules/blockcart/blockcart.tpl
or if exist: themes/YOUR_THEME/modules/blockcart.tpl (if this file exists- you have to edit this one)

in code you've got something like:

<!-- MODULE Block cart -->
<div id="cart_block" class="block exclusive" style="overflow: hidden; display: block;">

so you have to remove the: overflow: hidden; param value.

change the:

style="overflow: hidden; display: block;"

to:

style=" display: block;"

save changes and upload file to the correct directory. Trun on force compilation in your store (preferences -> performance) and refresh your front page.

should work, let me know if so, or if not

regards

adriangillitt · May 25, 2013

Hi Thanks for getting back to me. In the module/blockcart.tpl there is no overflow code, i have attached the code below

{*
* 2007-2013 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-2013 PrestaShop SA
*  @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 img_dir = '{$img_dir}';
</script>
{/if}
<script type="text/javascript">
var customizationIdMessage = '{l s='Customization #' mod='blockcart' js=1}';
var removingLinkText = '{l s='Please remove this product from my cart.' mod='blockcart' js=1}';
var freeShippingTranslation = '{l s='Free shipping!' mod='blockcart' js=1}';
var freeProductTranslation = '{l s='Free!' mod='blockcart' js=1}';
var delete_txt = '{l s='Delete' mod='blockcart' js=1}';
</script>

<!-- MODULE Block cart -->
<div id="cart_block" class="block exclusive">
<h4 class="title_block">
 <a href="{$link->getPageLink("$order_process", true)}" title="{l s='View my shopping cart' mod='blockcart'}" rel="nofollow">{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 $cart_qties > 0}
   {if $priceDisplay == 1}
 {convertPrice price=$cart->getOrderTotal(false)}
   {else}
 {convertPrice price=$cart->getOrderTotal(true)}
   {/if}
  {/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}{else}0{/if}_{if $product.id_address_delivery}{$product.id_address_delivery}{else}0{/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, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute)}" title="{$product.name|escape:html:'UTF-8'}">
   {$product.name|truncate:13:'...'|escape:html:'UTF-8'}</a>
   <span class="remove_link">{if !isset($customizedDatas.$productId.$productAttributeId) && (!isset($product.is_gift) || !$product.is_gift)}<a rel="nofollow" class="ajax_cart_block_remove_link" href="{$link->getPageLink('cart', true, NULL, "delete=1&id_product={$product.id_product}&ipa={$product.id_product_attribute}&id_address_delivery={$product.id_address_delivery}&token={$static_token}", true)}" title="{l s='Please remove this product from my cart.' mod='blockcart'}"> </a>{/if}</span>
   <span class="price">
 {if !isset($product.is_gift) || !$product.is_gift}
  {if $priceDisplay == $smarty.const.PS_TAX_EXC}{displayWtPrice p="`$product.total`"}{else}{displayWtPrice p="`$product.total_wt`"}{/if}
 {else}
  <b>{l s='Free!' mod='blockcart'}</b>
 {/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}_{$product.id_address_delivery|intval}" class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{else}item{/if}">
   <a href="{$link->getProductLink($product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute)}" title="{l s='Product detail' mod='blockcart'}">{$product.attributes_small}</a>
  {/if}
  <!-- Customizable datas -->
  {if isset($customizedDatas.$productId.$productAttributeId[$product.id_address_delivery])}
   {if !isset($product.attributes_small)}<dd id="cart_block_combination_of_{$product.id_product}_{if $product.id_product_attribute}{$product.id_product_attribute}{else}0{/if}_{if $product.id_address_delivery}{$product.id_address_delivery}{else}0{/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[$product.id_address_delivery] 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}_{$product.id_address_delivery|intval}"><a class="ajax_cart_block_remove_link" href="{$link->getPageLink('cart', true, NULL, "delete=1&id_product={$product.id_product|intval}&ipa={$product.id_product_attribute|intval}&id_customization={$id_customization}&token={$static_token}", true)}" rel="nofollow"> </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 #%d:' sprintf=$id_customization|intval 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>
 <table id="vouchers"{if $discounts|@count == 0} style="display:none;"{/if}>
  <tbody>
 {foreach from=$discounts item=discount}
  {if $discount.value_real > 0}
  <tr class="bloc_cart_voucher" id="bloc_cart_voucher_{$discount.id_discount}">
   <td class="quantity">1x</td>
   <td class="name" title="{$discount.description}">{$discount.name|cat:' : '|cat:$discount.description|truncate:18:'...'|escape:'htmlall':'UTF-8'}</td>
   <td class="price">-{if $priceDisplay == 1}{convertPrice price=$discount.value_tax_exc}{else}{convertPrice price=$discount.value_real}{/if}</td>
   <td class="delete">
    {if strlen($discount.code)}
	 <a class="delete_voucher" href="{$link->getPageLink('$order_process', true)}?deleteDiscount={$discount.id_discount}" title="{l s='Delete' mod='blockcart'}" rel="nofollow"><img src="{$img_dir}icon/delete.gif" alt="{l s='Delete' mod='blockcart'}" class="icon" /></a>
    {/if}
   </td>
  </tr>
  {/if}
 {/foreach}	
  </tbody>
 </table>
 <p id="cart-prices">
  <span id="cart_block_shipping_cost" class="price ajax_cart_shipping_cost">{$shipping_cost}</span>
  <span>{l s='Shipping' mod='blockcart'}</span>
  <br/>
  {if $show_wrapping}
   {assign var='cart_flag' value='Cart::ONLY_WRAPPING'|constant}
   <span id="cart_block_wrapping_cost" class="price cart_block_wrapping_cost">{if $priceDisplay == 1}{convertPrice price=$cart->getOrderTotal(false, $cart_flag)}{else}{convertPrice price=$cart->getOrderTotal(true, $cart_flag)}{/if}</span>
   <span>{l s='Wrapping' mod='blockcart'}</span>
   <br/>
  {/if}
  {if $show_tax && isset($tax_cost)}
   <span id="cart_block_tax_cost" class="price ajax_cart_tax_cost">{$tax_cost}</span>
   <span>{l s='Tax' mod='blockcart'}</span>
   <br/>
  {/if}
  <span id="cart_block_total" class="price ajax_block_cart_total">{$total}</span>
  <span>{l s='Total' mod='blockcart'}</span>
 </p>
 {if $use_taxes && $display_tax_label == 1 && $show_tax}
  {if $priceDisplay == 0}
   <p id="cart-price-precisions">
 {l s='Prices include tax.' mod='blockcart'}
   </p>
  {/if}
  {if $priceDisplay == 1}
   <p id="cart-price-precisions">
 {l s='Prices do not include tax.' mod='blockcart'}
   </p>
  {/if}
 {/if}
 <p id="cart-buttons">
  {if $order_process == 'order'}<a href="{$link->getPageLink("$order_process", true)}" class="button_small" title="{l s='View my shopping cart' mod='blockcart'}" rel="nofollow">{l s='Cart' mod='blockcart'}</a>{/if}
  <a href="{$link->getPageLink("$order_process", true)}" id="button_order_cart" class="exclusive{if $order_process == 'order-opc'}_large{/if}" title="{l s='Checkout' mod='blockcart'}" rel="nofollow"><span></span>{l s='Checkout' mod='blockcart'}</a>
 </p>
</div>
</div>
</div>
<!-- /MODULE Block cart -->

vekia · May 25, 2013

You've got right. So, probably some script adds this to the div, im looking for it right now

Basket popup image cutoff any help appreciated

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in