1
PHP-hjälp
Postat av 015 den 9 Augusti 2012, 16:15
5 kommentarer · 210 träffar
Hej fragbajt, jag behöver lite hjälp med följande:
Bild: http://www15.speedyshare.com/W S35m/download/helpzz.jpg
Jag vill flytta upp "Köp"-knappen samt flytta "Visa"-knappen åt höger. De ska alltså ligga paralellt med varandra.
Hur ska jag gå tillväga?
Båda ligger i samma div, bestämd bredd är 25px på knapparna (ingen padding/margin). Containern som allt ligger i är 70px. Vilket gör att det finns plats för båda att ligga paralellt med varandra.
Taget från .tpl-filen:
{if $product.show_price AND !isset($restricted_country_mod e) AND !$PS_CATALOG_MODE}V år t pris: {if !$priceDisplay}{convertPrice price=$product.price}{else}{co nvertPrice price=$product.price_tax_exc}{ /if}{el se}< /d iv>{/if}
{l s='Visa' mod='homefeatured'}& lt;/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_mod e) AND $product.minimal_quantity == 1 AND $product.customizable != 2 AND !$PS_CATALOG_MODE}
{if ($product.quantity > 0 OR $product.allow_oosp)}
Köp
{else}
{l s='Kop' mod='homefeatured'}& lt;/span>
{/if}
{else}
< /d iv>
{/if}
Samt från .css-filen:
#featured-products_block_ce nter li {
margin-right:10px;
padding:1 0px 0;
width:126px;
}
#featured-pr oducts_block_center li.last_item_of_line {margin-right:0;}
#featured-pr oducts_block_center h5 {
padding-top:5px;
height:30px ;
font-size:12px;
color:#222
}
#featured-products_block_ce nter .product_image {
display:block;
position:rela tive;
overflow:hidden
}
#featu red-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-transfo rm: rotate(45deg);
background-colo r: #990000
}
#featured-products_block_ce nter .product_desc {height:16px;
padding-top: 5px;}
#featured-products_block _center .product_desc,
#featured-produ cts_block_center .product_desc a {
color:#444
}
#featured-produ cts_block_center .lnk_more {
display:inline;
padding-righ t:10px;
font-weight:bold;
font -size:10px;
color:#0088cc;
bac kground:url(../img/arrow_right _1.png) no-repeat 100% 3px;
}
#featured-products_bloc k_center .price_container {
margin-top:6px;
padding-bott om: 6px;
}
#featured-products_bloc k_center .price {
font-weight:bold;
font-size: 14px;
color:#D30101
}
#feature d-products_block_center li .ajax_add_to_cart_button {
width: 25px;
margin-top: 5px;}
#featured-products_block _center li span.exclusive {
width: 25px;
margin-top: 5px;}
TL;DR? - Vill flyta upp "Köp"-knappen till samma rad som "Visa"-knappen (samt flytta visa-knappen åt höger).
Bild: http://www15.speedyshare.com/W S35m/download/helpzz.jpg
Jag vill flytta upp "Köp"-knappen samt flytta "Visa"-knappen åt höger. De ska alltså ligga paralellt med varandra.
Hur ska jag gå tillväga?
Båda ligger i samma div, bestämd bredd är 25px på knapparna (ingen padding/margin). Containern som allt ligger i är 70px. Vilket gör att det finns plats för båda att ligga paralellt med varandra.
Taget från .tpl-filen:
{if $product.show_price AND !isset($restricted_country_mod e) AND !$PS_CATALOG_MODE}V år t pris: {if !$priceDisplay}{convertPrice price=$product.price}{else}{co nvertPrice price=$product.price_tax_exc}{ /if}{el se}< /d iv>{/if}
{l s='Visa' mod='homefeatured'}& lt;/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_mod e) AND $product.minimal_quantity == 1 AND $product.customizable != 2 AND !$PS_CATALOG_MODE}
{if ($product.quantity > 0 OR $product.allow_oosp)}
Köp
{else}
{l s='Kop' mod='homefeatured'}& lt;/span>
{/if}
{else}
< /d iv>
{/if}
Samt från .css-filen:
#featured-products_block_ce nter li {
margin-right:10px;
padding:1 0px 0;
width:126px;
}
#featured-pr oducts_block_center li.last_item_of_line {margin-right:0;}
#featured-pr oducts_block_center h5 {
padding-top:5px;
height:30px ;
font-size:12px;
color:#222
}
#featured-products_block_ce nter .product_image {
display:block;
position:rela tive;
overflow:hidden
}
#featu red-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-transfo rm: rotate(45deg);
background-colo r: #990000
}
#featured-products_block_ce nter .product_desc {height:16px;
padding-top: 5px;}
#featured-products_block _center .product_desc,
#featured-produ cts_block_center .product_desc a {
color:#444
}
#featured-produ cts_block_center .lnk_more {
display:inline;
padding-righ t:10px;
font-weight:bold;
font -size:10px;
color:#0088cc;
bac kground:url(../img/arrow_right _1.png) no-repeat 100% 3px;
}
#featured-products_bloc k_center .price_container {
margin-top:6px;
padding-bott om: 6px;
}
#featured-products_bloc k_center .price {
font-weight:bold;
font-size: 14px;
color:#D30101
}
#feature d-products_block_center li .ajax_add_to_cart_button {
width: 25px;
margin-top: 5px;}
#featured-products_block _center li span.exclusive {
width: 25px;
margin-top: 5px;}
TL;DR? - Vill flyta upp "Köp"-knappen till samma rad som "Visa"-knappen (samt flytta visa-knappen åt höger).
