Jump to content

LØST / Featured Products


Smilla71

Recommended Posts

Jeg vil gerne have modulet Featured Products til at være bredere end standard i version 1.5. Er der nogen, der kan fortælle mig, hvordan jeg gør ? Jeg vil gerne have det til at være samme bredde som mit slideshow, der er 980 px i bredden.

 

På forhånd tak for hjælpen :-)

Edited by Smilla71 (see edit history)
Link to comment
Share on other sites

Hvid du bruger filezilla så kan du kigge hvad modulet hedder og hvilken css line du skal rette.

 

Mit umiddelbare gæt er:blockhomefeatured, og så css koden for denne blok. Når du har fundet linjen, så retter du det nuværende px tal til 980px, uploader filen og så skulle det virke. Det virkede for mig.

Link to comment
Share on other sites

Tak for dit svar :-)

 

Jeg har fundet modulet homefeatured og har prøvet at rette de 2 steder, hvor der står width til 980px, men det ændrer desværre ikke noget.

 

Original CSS ser sådan ud:

 

#featured-products_block_center li {

margin-right:10px;

padding:10px 0;

width:126px;

height:240px

}

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

#featured-products_block_center h5 {

padding-top:5px;

height:30px;

font-size:12px;

color:#222

}

 

#featured-products_block_center .product_image {

display:block;

position:relative;

overflow:hidden

}

#featured-products_block_center .product_image span.new {

display: block;

position: absolute;

top: 15px;

right:-30px;

padding: 1px 4px;

width: 101px;

font-size:10px;

color: #fff;

text-align: center;

text-transform: uppercase;

-moz-transform: rotate(45deg);

-webkit-transform: rotate(45deg);

-o-transform:rotate(45deg);

-ms-transform: rotate(45deg);

background-color: #990000

}

 

#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-right:10px;

font-weight:bold;

font-size:10px;

color:#0088cc;

background:url(img/arrow_right_1.png) no-repeat 100% 3px;

}

#featured-products_block_center .price_container {

margin-top:10px;

padding:0;

}

#featured-products_block_center .price {

font-weight:bold;

font-size:14px;

color:#990000

Link to comment
Share on other sites

Rettelser i css kræver ikke sletning af cache;-) Det slår igennem umiddelbart.

 

Men jeg tror, du skal kigge i din homefeatured .tpl fil i stedet efter en bredde (og retter du i den skal du ganske rigtigt slette cachede filer). Men ellers - et link til din side gør det meget nemmere for os at hjælpe...

Link to comment
Share on other sites

Tak for jeres svar !

 

Jeg har prøvet at kigge på tpl filen og kan ikke rigtig finde ud af, hvor jeg skal rette bredden....

 

 

{*

* 2007-2012 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-2012 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

*}

 

<!-- MODULE Home Featured Products -->

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

<h4>{l s='Featured products' mod='homefeatured'}</h4>

{if isset($products) AND $products}

<div class="block_content">

{assign var='liHeight' value=250}

{assign var='nbItemsPerLine' value=4}

{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='New' mod='homefeatured'}</span>{/if}</a>

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

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

 

Med hensyn til cachen, hvordan sletter jeg den i Prestashop 1.5 ? Der er ikke noget, der hedder "tools".....

 

Min hjemmeside hedder: http://vida-home.dk/shop/index.php

Link to comment
Share on other sites

Det ville altså være nemmere, hvis vi kunne få lov at se din side...

 

Du skal sikkert stille på de enkelte elementer, da hvert featured product vises som et list item

 

prøv at kigge på

 

#featured-products_block_center li {
margin-right:10px;
padding:10px 0;
width:126px;
height:240px
}

Link to comment
Share on other sites

Det er efter du har fjernet left og right block (eller ikke viser noget i dem),

Så skal du lave den center column størrer.

 

Dette er i grid_prestashop.css

 

Ændre:

 

 

Line: 47

.container_9 .grid_5 {

width: 979px;

}

 

Dette vil også gøre at bredden på dine undersider bliver korrekt.

Edited by markottnilsen (see edit history)
  • Like 1
Link to comment
Share on other sites

Så har jeg fået rettet bredden af Featured Products, så den passer til bredden af min menu :-)

 

Mange tak for hjælpen !

 

Nu skal jeg bare have rettet billedstørrelse og tilpasset tekstlængden, så blokken kommer til at se pæn ud.

Link to comment
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
×
×
  • Create New...