Help editing Home slider module

[zee28]

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....

[vekia]

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.)

[zee28]

thanks but i was looking on another website and i saw a slide i like

the link : https://www.meccabooks.com/

isit possible to change it?

[Jiten rash (away)]

that site has leo camera slider get it here

[Valérie Assetskaya]

Hi,

 

http://bxslider.com/ - slider with custom layout is used. It demands specific work to make the styles match the theme on your sotre. It is recommended to hire professionals for this task.

 

Best regards.

[zee28]

thanks jiten!

do u know how to make the featured products look bigger: my link is www.gadgetpit.co.uk

 

i like how that meccabook website featured products looks

[Jiten rash (away)]

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;}

[pheara]

no Ideas

Edited August 22, 2013 by pheara (see edit history)

[pheara]

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,

[Jiten rash (away)]

this is what ima telling u get this slider