Jump to content

[Moduł] Specialproducts - cena najeżdza na opis


Recommended Posts

Witam Serdecznie. Spędziłem ostatnio kilka dni nad znalezieniem modułu który będzie wyświetlał mi moje produkty na stronie głównej (te ktore ja chce), znalazlem w końcu bo nie każdy działa z moim customowym themem (presta 1.4) i w końcu znalazłem. Dzięki opisom znalezionym na tym forum udało mi się wrzucić przycisk "dodaj do koszyka" ktorego nie bylo (wykasowanie ostatniej linijki w pliku css) oraz zmienic kolor ceny. Jednak cena najeżdza na opis. Jak to zrobic aby wszystko było ładnie uporzadkowane i nic o siebie nie zaczepiało? W załączniku zdjęcie:
 
 

plik homespecial.tpl 

<!-- MODULE Block specials 2, edited by Nemo to hook in center column -->
<div id="special_products_block_center" class="block products_block clearfix">
	<h4><a href="{$link->getPageLink('prices-drop.php')}" title="{l s='Specials' mod='blockspecials'}">{l s='Home Specials' mod='homespecials'}</a></h4>
	{if isset($special) AND $special}
		<div class="block_content">
			{assign var='liHeight' value=348}
			{assign var='nbItemsPerLine' value=4}
			{assign var='nbLi' value=$special|@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=$special 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} {/if} {if $smarty.foreach.homeSpecialProducts.iteration > ($smarty.foreach.homeSpecialProducts.total - ($smarty.foreach.homeSpecialProducts.total % $nbItemsPerLine))}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')}" 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'}</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='homespecials'}">{$product.description_short|strip_tags|truncate:65:'...'}</a></div>
					<div>
						
						<!-- Adding modification by Nemo: product discounts -->	
						{if isset($product.qty_discounts) && $product.qty_discounts}
							{foreach from=$product.qty_discounts item=qt_disc}
								{$qty_taxed = ($qt_disc.price/100)*$product.rate}
								{math equation= "a + b" a=$qt_disc.price b=$qty_taxed assign=correct_disc}
								{if $correct_disc < $product.price} {$product.price = $correct_disc}{$product.price_tax_exc = $qt_disc.price}{/if}

							{/foreach}
						{/if}				
						<!-- /Adding modification by Nemo: product discounts -->
						{if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}<p class="price_container">{l s='Tylko'} <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.php')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homespecials'}">{l s='Add to cart' mod='homespecials'}</a>
							{else}
							<span class="exclusive">{l s='Add to cart' mod='homespecials'}</span>
							{/if}
						{else}
							<div style="height:23px;"></div>
						{/if}
					</div>
				</li>
			{/foreach}
			</ul>
		</div>
	{else}
		<p>{l s='No special price products' mod='homespecials'}</p>
	{/if}
</div>
<!-- /MODULE Block specials --> 

ORAZ PLIK homespecial.css 

/* BLOCK HOME FEATURED ************************************************************************* */
#special_products_block_center li {
	margin-right:10px;
	padding:10px 0;
	width:126px;
}
#special_products_block_center li.last_item_of_line  {margin-right:0;}
#special_products_block_center h5 {
	padding-top:5px;
	height:30px;
	font-size:12px;
	color:#222
}

#special_products_block_center .product_image {
	display:block;
	position:relative;
	overflow:hidden
}
#special_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);
	background-color: #545454
}

#special_products_block_center .product_desc {height:45px}
#special_products_block_center .product_desc,
#special_products_block_center .product_desc a {
	color:#666
}
#special_products_block_center .lnk_more {
	display:inline;
	padding-right:10px;
	font-weight:bold;
	font-size:10px;
	color:#5589c7;
	background:url(../../../img/arrow_right_1.png) no-repeat 100% 3px;
}
#special_products_block_center .price_container {
	margin-top:10px;
	padding:0;
}
#special_products_block_center .price {
	font-weight:bold;
	font-size:14px;
	color:#FF6600
}

I jedna mała uwaga na koniec. Możę przy okazji ktoś mi powie gdzie znajde ten obrazek który nakłada się na miniaturki z napisem "New"? :)

post-763931-0-35267100-1393000870_thumb.jpg

Edited by kamiiru (see edit history)

Share this post


Link to post
Share on other sites

Co do pierwszego to w pliku global.css w lini 1059 nadaj np. margin-top: 20px lub więcej (będziesz widział jak Ci się to wszytko ustawi), możesz zmniejszyć też troszkę height gdyby się coś za bardzo przesunęło.

 

A drugie pytanie odnośnie "New" - nie masz tam w ogóle pliku graficznego, wszystko jest w css a napis normalnie tekstowo z tym że właśnie za pomocą css jest obrócone o 45 stopni.

http://silentech.pl/modules/homespecials/homespecials.css - 20 linia

  • Like 1

Share this post


Link to post
Share on other sites

Dziękuje bardzo MiKr. Na prawdę jestem wdzięczny za okazaną pomoc :) W życiu bym nie zgadł że to jest ustawione skryptowo,a nie obrazek? A ten napis New da się zmienić na inny? to chyba nie ten który pogrubiłem niżej prawda? ;) Gdybym na przykład chciał wstawić napis "Sprawdź" lub "Zobacz"

 

}
#special_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);
background-color: #0033CC

Share this post


Link to post
Share on other sites

Tak sprawdziłem tłumaczenia, właśnie w taki sposób zmieniłem napis "Home Specials" na "Produkty polecane" który widać na stronie glownej. Owszem jest tak pozycja "New" i przetłumaczyłem ją na nowy, następnie na "sprawdź" i nic sie nie zmienia jak widać :(

Share this post


Link to post
Share on other sites

A wybrałeś swój szablon? Zaraz obok "Tłumaczenia zainstalowanych modułów" powinna być rozwijalna lista z szablonami.

Jeżeli nie to w pliku tpl tego modułu będzie gdzieś to "new"

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

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