Special featured Products on the homepage

TomTom77 · September 19, 2012

Hallo Zusammen!

Ich benutze das Modul Special featured Products on the homepage v0.1 und würde sehr gerne wissen wie ich die Produkte nebeneinander platziere und nicht so wie siehe Link http://shop.wasted-box.com/ unter dem Slider Banner untereinander!?

Ich habe bereits in der specialhomefeatured.tpl geschaut nur leider nicht gefunden was helfen könnte?

<!-- MODULE Home Featured Products -->
<div id="featured-products_block_center" class="block products_block">
<h4>{if $title}{$title}{else}{l s='featured products' mod='homefeatured'}{/if}</h4>
<p class="line"></p>
{if isset($products) AND $products}
	<div class="block_content">
		{assign var='liHeight' value=360}
		{assign var='nbItemsPerLine' value=4}
		{assign var='nbLi' value=$products|@count}
		{assign var='nbLines' value=$nbLi/$nbItemsPerLine|ceil}
		{assign var='ulHeight' value=$nbLines*$liHeight}
		<ul style="height***:{$ulHeight}px;">
		{foreach from=$products item=product name=homeFeaturedProducts}
			<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}first_item_of_line{/if} {if $smarty.foreach.homeFeaturedProducts.iteration > ($smarty.foreach.homeFeaturedProducts.total - ($smarty.foreach.homeFeaturedProducts.total % $nbItemsPerLine))}last_line{/if}">
				<p class="product_desc"><a href="{$product.link}" title="{l s='More' mod='homefeatured'}">{$product.description_short|strip_tags|truncate:130:'...'}</a></p>
				<a href="{$product.link}" title="{$product.legend|escape:htmlall:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.legend|escape:htmlall:'UTF-8'}" /></a>
				<h5><a href="{$product.link}" title="{$product.name|truncate:32:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:27:'...'|escape:'htmlall':'UTF-8'}</a></h5>
				<div>
					{if !$priceDisplay || $priceDisplay == 2}<p class="price_container"><span class="price">{convertPrice price=$product.price}</span>{if $priceDisplay == 2} {l s='+Tx' mod='homefeatured'}{/if}</p>{/if}
					{if $priceDisplay}<p class="price_container"><span class="price">{convertPrice price=$product.price_tax_exc}</span>{if $priceDisplay == 2} {l s='-Tx' mod='homefeatured'}{/if}</p>{/if}
					<a class="button1" href="{$product.link}" title="{l s='View' mod='homefeatured'}">{l s='View' mod='homefeatured'}</a>
					{if ($product.quantity > 0 OR $product.allow_oosp) AND $product.customizable != 2}
					<a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$base_dir}cart.php?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}
				</div>
			</li>
		{/foreach}
		</ul>
	</div>
{else}
	<p>{l s='No featured products' mod='homefeatured'}</p>
{/if}
</div>
<!-- /MODULE Home Featured Products -->

In der Css Global Datei habe ich auch bereits unter geschaut

/* global layout */
#page {
width: 960px;
margin: 0 auto 2px auto;
text-align: left
}
h1#logo {
float: left;
width: 27%;
margin-bottom:5px;
margin-top:40px;
}
#header_right {
float: left;
margin-bottom: 15px;
width: 73%;
text-align: right
}
#left_column, #center_column, #right_column, #header, #center_column_home { float: left }
#header {
margin-bottom:20px;
}
#left_column {
clear: left;
width: 210px;
margin-right: 30px;
overflow: hidden;
padding-left:20px;
}
#center_column {
padding:0 20px 20px 0;
width:680px;

}
#center_column_home {
padding:0 0 20px;
margin-bottom:1px;
width:960px;
}
#right_column {
width: 191px;
margin-left: 21px;
overflow: hidden
}
/* global RTE fields */
div.rte,
.mceContentBody {
text-align: left;
background: white;
color: black
}
body.mceContentBody {
margin: 9px 6px;
width: 556px
}
div.rte html, div.rte div, div.rte span, div.rte applet, div.rte object, div.rte iframe, div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6, div.rte p, div.rte blockquote, div.rte pre, div.rte a, div.rte abbr, div.rte acronym, div.rte address, div.rte big, div.rte cite, div.rte code, div.rte del, div.rte dfn, div.rte em, div.rte font, div.rte img, div.rte ins, div.rte kbd, div.rte q, div.rte s, div.rte samp, div.rte small, div.rte strike, div.rte strong, div.rte sub, div.rte sup, div.rte tt, div.rte var, div.rte dl, div.rte dt, div.rte dd, div.rte ol, div.rte ul, div.rte li, div.rte fieldset, div.rte form, div.rte label, div.rte legend, div.rte table, div.rte caption, div.rte tbody, div.rte tfoot, div.rte thead, div.rte tr, div.rte th, div.rte td,
.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline
}
div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6,
.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {
margin: 0.75em 0 0.3em 0;
color: #374853
}
div.rte h1,
.mceContentBody h1 {
font-size: 25px;
font-weight: bold
}
div.rte h2,
.mceContentBody h2 {
font-size: 20px;
background: none;
text-transform: none;
height: auto
}
div.rte h3, .mceContentBody h3 { font-size: 16px }
div.rte h4, .mceContentBody h4 { font-size: 14px }
div.rte h5,.mceContentBody h5 { font-size: 12px }
div.rte h6, div.rte h6 { font-size: 8px }
div.rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em }
div.rte ul, .mceContentBody ul {
list-style-type: square;
margin-left: 10px
}
div.rte strong, .mceContentBody strong { font-weight: bold }
div.rte em, .mceContentBody em { font-style: italic }
/* tables still need 'cellspacing="0"' in the markup */
div.rte table,.mceContentBody table {
border-collapse: separate;
border-spacing: 1px;
width: auto
}
div.rte caption, div.rte th, div.rte td, div.rte table,
.mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {
text-align: left;
font-weight: normal;
background: none;
height: inherit;
border: 1px #e5e6e7 solid;
text-align: center
}
div.rte th, .mceContentBody th {
padding-left: 1em;
padding-right: 1em;
background: #e5e6e7
}
#center_column div.rte p,
.mceContentBody p { padding-left: 0; margin: 0.5em 0 }
div.rte ol, .mceContentBody ol {
list-style-type: decimal;
margin-left: 10px
}
/* /global RTE fields */
/* global table style */
div.table_block {
padding-bottom: 6px;
margin: 0 auto 2em;
width:670px;
}
table.std {
border-spacing: 0;
border-collapse: collapse;
width: 100%
}
table.std td, table.std th { padding: 0.4em 0.5em }
table.std th { white-space: nowrap }
table.std tr.item td, table.std tr.item th { background-color: white }
table.std tr.alternate_item td,
table.std tr.alternate_item th { background-color: #f1f2f4 }
table.std tbody tr td, table.std tfoot tr td { border-top:2px solid #000000; }
table.std thead th {
color:#000000;
font-size:13px;
font-weight:bold;
padding:8px;
text-align:left;
white-space:nowrap;
}
table.std thead th.first_item { background-position: top left }
table.std thead th.last_item { background-position: top right }
table.std thead th.item { background-position: -5px 0 }
table.std tfoot td {
color: #333;
text-align: right;
white-space: nowrap
}

aber da blicke ich nicht 100% durch!?

Kann mir jemand evtl. helfen bzw. einen Tipp geben?

Edited September 19, 2012 by TomTom77 (see edit history)

guest* · September 19, 2012

Bitte frage den Entwickler. Grundsätzlich werden hier im Forum nur Standardsoftware, Themes und Module supported.

Sign In

Special featured Products on the homepage

Recommended Posts

TomTom77

Link to comment

Share on other sites

guest*

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity

Go back to prestashop.com