Jump to content

Help editing Home slider module


zee28
 Share

Recommended Posts

Hi all,

just wanted to find out a way in changing the horrible looking buttons to change the images on the home slide, it would be nice to have transparent ones each side as i have seen on some prestashop websites.

 

Thanks

ZEE....

Share this post


Link to post
Share on other sites

if you use default module, you have to edit image: /modules/homeslider/gray_pager.png

 

this is image with yellow + gray dots, just put there your own colors with opacity (you can do it in photoshop / gimp etc.)

Share this post


Link to post
Share on other sites

themes/default/modules/homefeatured.tpl

{*

* 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

*}

 

<!-- MODULE Home Featured Products -->

<div id="featured-products_block_center" class="block products_block clearfix">

<p class="title_block">{l s='Featured products' mod='homefeatured'}</p>

{if isset($products) AND $products}

<div class="block_content">

{assign var='liHeight' value=auto}

{assign var='nbItemsPerLine' value=auto}

{assign var='nbLi' value=$products|@count}

{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}

{math equation="nbLines*liHeight" nbLines=$nbLines|ceil liHeight=$liHeight assign=ulHeight}

<ul style="height:{$ulHeight}px;">

{foreach from=$products item=product name=homeFeaturedProducts}

{math equation="(total%perLine)" total=$smarty.foreach.homeFeaturedProducts.total perLine=$nbItemsPerLine assign=totModulo}

{if $totModulo == 0}{assign var='totModulo' value=$nbItemsPerLine}{/if}

<li class="ajax_block_product {if $smarty.foreach.homeFeaturedProducts.first}first_item{elseif $smarty.foreach.homeFeaturedProducts.last}last_item{else}item{/if} {if $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 1} {/if} {if $smarty.foreach.homeFeaturedProducts.iteration > ($smarty.foreach.homeFeaturedProducts.total - $totModulo)}last_line{/if}">

<a href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />{if isset($product.new) && $product.new == 1}<span class="new">{l s='' mod='homefeatured'}{/if}</a>

<p class="s_title_block"><a href="{$product.link}" title="{$product.name|truncate:50:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</a></p>

<div class="product_desc"><a href="{$product.link}" title="{l s='More' mod='homefeatured'}">{$product.description_short|strip_tags|truncate:65:'...'}</a></div>

<div>

<a class="lnk_more" href="{$product.link}" title="{l s='View' mod='homefeatured'}">{l s='View' mod='homefeatured'}</a>

{if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}<p class="price_container"><span class="price">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span></p>{else}<div style="height:21px;"></div>{/if}

 

{if ($product.id_product_attribute == 0 OR (isset($add_prod_display) AND ($add_prod_display == 1))) AND $product.available_for_order AND !isset($restricted_country_mode) AND $product.minimal_quantity == 1 AND $product.customizable != 2 AND !$PS_CATALOG_MODE}

{if ($product.quantity > 0 OR $product.allow_oosp)}

<a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$link->getPageLink('cart')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>

{else}

<span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>

{/if}

{else}

<div style="height:23px;"></div>

{/if}

</div>

</li>

{/foreach}

</ul>

</div>

{else}

<p>{l s='No featured products' mod='homefeatured'}</p>

{/if}

</div>

<!-- /MODULE Home Featured Products -->

 

homefeatures.css

 

#featured-products_block_center {width:980px; padding:5px 10px 12px 10px; background:#fff;}

#featured-products_block_center li {

 

width: 163px;

height: 253px;

border: 1px solid rgb(204, 204, 204);

padding: 3px 2px 11px 11px;

margin: 20px 5px 5px 10px;

background:#fff;

 

}

#featured-products_block_center li:hover {opacity: .7}

 

#featured-products_block_center li.last_item_of_line {margin-right:0;}

 

#featured-products_block_center .s_title_block, #featured-products_block_center h5 {

 

margin-top:17px;

 

 

font-size:13px;

 

color:#222;

 

padding-bottom: 0;

 

}

 

 

 

#featured-products_block_center .product_image {

 

display:block;

 

position:relative;

 

overflow:hidden

 

}

/* Mozila and modern browser

 

#featured-products_block_center .product_desc {height:45px;}

 

#featured-products_block_center .product_desc,

 

#featured-products_block_center .product_desc a {

 

color:#666

 

}

 

#featured-products_block_center .lnk_more {

 

display:inline;

 

padding: 1px 3px;

 

font-size:13px;

 

color:#FFF;

 

}

#featured-products_block_center .lnk_more:hover {}

 

#featured-products_block_center .price_container {

 

margin-top:39px;

background:#407bde;

min-width:103px;

 

padding:0;

float:right;

 

}

 

#featured-products_block_center .price {

 

 

font-size:13px;

margin-left:12px;

 

color:#fff;

}

 

#featured-products_block_center li .ajax_add_to_cart_button {display:none;}

 

#featured-products_block_center li span.exclusive {display:none;}

Share this post


Link to post
Share on other sites

  • 4 weeks later...

Anyone can help me, please?

I am just trying to use everything free on Prestashop for my online shopping. I don't know if there are more free but good-looking addons for it.

 

If you have good links or want to share, please tell me where to download.

I am just a user but I know some IT.

 

Thanks,

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More