Zmiana wyglądu ramki produktu

[kamiiru]

Witam, strona to silentech.pl 
Chciałbym się dowiedzieć jaki plik wyedytować i którą linie aby ramka produktu w "Promocjach" była taka sama jak w "nowości". Obecnie jak widac jest troche rozjechana. I jeszcze czy można zwiększyć ilość znaków w krótkim opisie w ramce?

[vekia]

ramka produktu? korzystasz ze standardowego szablonu?

mając na myśli "ramkę" chciałeś powiedzieć cały blok "z promocjami" (w jednej z kolumn) ?

[kamiiru]

szablon nie jest stardardowy. 

Pisząc "ramke" miałem na myśli ten prostokąt w którym jest wyświetlany każdy produkt z osobna.

[vekia]

ok wszystko jasne, ale niestety, skoro szablon nie jest standardowy trudno cokolwiek powiedzieć na ten temat, skoro nawet nie wiemy jak to wygląda od strony front-office, nie wspominajac już o kodzie w plikach modułu

[kamiiru]

Dlatego podałem link do strony w pierwszym poście i mogę podać kod z dowolnego pliku tylko musze wiedzieć jakiego. Czy global.css będzie ok?

 

Za promocje na stronie główną odpowiada moduł homespecialsproducts i oto jego tpl 

	<!-- MODULE Home Special Products -->
<div id="block_home_special_products" class="block_center_home">
<h2 class="ie7"><a href="{$base_dir}prices-drop.php" title="{l s='Show all Special Products' mod='homespecialproducts'}">{l s='Special Products' mod='homespecialproducts'}</a></h2>
	{if isset($products) AND $products}
	{assign var='nbItemsPerLine' value=3}
		<div class="content">
			<ul>
			{foreach from=$products item=product name=homeSpecialProducts}
			<li class="ajax_block_product {if $smarty.foreach.homeSpecialProducts.first}first_item{elseif $smarty.foreach.homeSpecialProducts.last}last_item{else}item{/if} {if $smarty.foreach.homeSpecialProducts.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.homeSpecialProducts.iteration%$nbItemsPerLine == 1}clear{/if} {if $smarty.foreach.homeSpecialProducts.iteration > ($smarty.foreach.homeSpecialProducts.total - ($smarty.foreach.homeSpecialProducts.total % $nbItemsPerLine))}last_line{/if}">
			{if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="on_sale"></span>
			{elseif isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="discount"></span>{/if}
			{if isset($product.new) && $product.new == 1}<span class="new"></span>{/if}
			<h5><a href="{$product.link}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:45:'...'|escape:'htmlall':'UTF-8'}</a></h5>
			<div id="foto"><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')}" width="154" height="152" alt="{$product.legend|escape:htmlall:'UTF-8'}" /></a></div>
			<div style="margin:0 auto;width:152px;">
			{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}
			<p class="price_container">
			{if $product.price_without_reduction > $product.price}{l s='Old price' mod='homespecialproducts'}: <span class="oldprice">{convertPrice price=$product.price_without_reduction}</span>{/if}
			{if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}<span class="price">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span>{/if}
			</p>
			{/if}
			<a class="button_mini" href="{$product.link}" title="{l s='View' mod='homespecialproducts'}">{l s='View' mod='homespecialproducts'}</a>
			{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.php')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homespecialproducts'}">{l s='Add to cart' mod='homespecialproducts'}</a>
			{else}
			<span class="exclusive">{l s='Add to cart' mod='homespecialproducts'}</span>
			{/if}
			{else}
			<div style="height:23px;"></div>
			{/if}
			</div>
			</li>
		{/foreach}
		</ul>
	</div>
	{else}
	<p>{l s='No special products' mod='homespecialproducts'}</p>
	{/if}
</div>
<!-- /MODULE Home Special Products -->

Edited March 5, 2014 by kamiiru (see edit history)

[vekia]

sprawa nie jest taka prosta, jak się może wydawać.

w tych Nowościach produkty rotują, czy w tych promocjach ma być tak samo?

[kamiiru]

Nie, forma powinna zostać taka sama Chodzi mi tylko o ułozenie poszczególnych elementów. Tzn prosze zwrócić uwagę jak Tytuł jest daleko od zdjęcia i jak cena jest daleko od opisu Chciałbym te dziury zmniejszyć aby "ramka" wygladala tak samo schludnie i zwięźle jak na "nowości"

[vekia]

ostatnie pytanie, czyli chcesz:

1) usunąć przerwę między tytułem a zdjęciem

2) usunąć to cienkie obramowanie

3) porzerzyć nieco blok z produktem 

 

 

 

reszta jest taka sama

[kamiiru]

1) Tak, zarówno na dole jak i na górze + ew wydłużyć widoczny opis o kilkanaście znaków.

2) Nie, jest w porządku

3) Nie, również w porządku 

[vekia]

na początku brzmiało jak skomplikowane zadanie a tutaj tylko tak drobne zmiany

 

global.css line 46

.block_center_home .content li h5 {
display: block;
font: Bold 12px Tahoma;
height: 50px;
margin: 0 10px 9px;
overflow: hidden;
padding: 0;
}

zmieniamy

height:50px;

na 

height: 30px;

 

 

oraz:

margin: 0 10px 9px;

na

margin: 0 10px 0px;

 

 

następnie w kodzie:
 

.block_center_home .content li .product_image {
display: block;
height: 152px;
margin: 0 auto 27px;
text-decoration: none;
width: 154px;
}

margin: 0 auto 27px; na margin: 0 auto 0px;

 

następnie w kodzie:

.block_center_home .content li .product_desc {
display: block;
font: 12px Tahoma;
height: 63px;
margin: 0 0 18px;
overflow: hidden;
padding: 0 5px;
text-align: justify;
}

zmieniamy margin: 0 0 18px; na margin: 0px;

 

 

a na koniec:
 

.block_center_home .content ul li {
background: url("../img/prodbg.png") no-repeat scroll left 3px transparent;
float: left;
height: 372px;
margin: 0 8px 13px 3px;
padding: 18px 9px 14px 9px;
position: relative;
text-align: center;
width: 155px;
}

zmniejszami height:372px; zgodnie z własnymi potrzebami, np. na 300px;

 

 

 

efekt:

[kamiiru]

O teraz jest idealnie, dziękuje bardzo Wszystkie problemy rozwiązane, tylko to nieszczęsne kupowanie jako gość nie działa ;/

[vekia]

a coś się z tymi zakupami jako gość dzieje? co jest nie tak?

[kamiiru]

www.prestashop.com/forums/topic/310836-presta-14-nie-działają-zakupy-bez-rejestracji/ 

Tak jak opisałem w tym temacie, gdy jest włączone kupowanie jako gość to i tak trzeba się zarejestrować. Natomiast gdy przełącze Checkout z 5 kroków na 1 strone (czy jak to się nazywa) to wszystko działa (choć jest troche nieuporzadkowane) Nie moge własnie znaleść przyczyny dlaczego nie moge ustawić zakupów w 5 krokach i umożliwić gościom kupowanie.