Ustawienie ceny i koszyka obok siebie na liście produktów

Hej,

Co trzeba wpisać w Własnym CSS aby cena i button "do koszyka" na stronie głównej i liście produktów był w jednej linii (cena produktu po lewej a koszyk po prawej stronie? Pozycję Zobacz więcej schowałem - uznałem, że jest ona zbędna w przypadku produktów z wariantami. Umiem zmieniać kolory tekstu i tła ale jeśli chodzi o przeniesienie wybranych elementów to jestem w tym zielony.
Pozdrawiam!

Edit: home.pl

Konfiguracja --> wygląd --> Aktywny styl graficzny --> Lista produktów --> Domyślny widok: Lista/Galeria

Przy wyborze Lista: cena i koszyk wyświetlane są obok siebie, przy wyborze Galeria, cena i koszyk wyświetlane są jedno pod drugim.

 

A jest szansa, że podasz która to templatka i złapiesz większy screen gdzie to? nie mogę odnaleźć o co Ci chodzi

 

Ups... Zapomniałem o podaniu szablonu Jest to standardowy RWD Clickshop

 

@TheL to jest widok listy produktów np. po wejściu w kategorię lub na stronie głównej. Jedynym innym widokiem jest już tylko widok na karcie produktu czyli jego podgląd.

 

Tak, napisałem o takim wyświetlaniu produktów na stronie głównej oraz liście produktów (po wejściu na jakąś kategorię z produktami).

 

Hmmm patrzę w sklepie testowym i mam to obok siebie w sklepie testowym, tylko w produkcie dnia widzę taką grafikę, chętnie z tym pomogę jednak muszę to zobaczyć na żywo w działaniu

 

Konfiguracja --> wygląd --> Aktywny styl graficzny --> Lista produktów --> Domyślny widok: Lista/Galeria

Przy liście jest obok siebie, przy Galerii jedno pod drugim. @TheL

 

Grześku, sprawdź w sklepie testowym, nie zmienia się nic po takim ustawieniu
UPS już mam i wiem o co chodzi zaraz podam rozwiązanie

 

we własnym stylu dodajemy:

Code:

.basket {margin-top:-20px;}
.price {padding-bottom:5px;}
header .basket {margin-top:0px;}

Edytujemy plik
product/tableofproducts.tpl
i zmieniamy linię:

Code:

<div class="price f-row">

na

Code:

<div class="price" style="float:left;">

oraz

Code:

<div class="buttons f-row">

na

Code:

<div class="buttons" style="float:right;">

i działa

Uwaga, jeśli zostawimy dużą czcionkę przy cenie, na najmniejszym możliwym telefonie przy długiej cenie przeniesie się ona do wiersza wyżej (nad przycisk koszyka)

 

Dzięki @TheL Mały błąd podałeś w pierwszym podanym przez ciebie kodzie powinno być chyba
<div class="price f-row"> Ale doszedłem do tego. Działa! Jesteś wielki!

 

Tak racja źle skopiowałem już poprawiłem
Nie ma za co, cieszę się, że mogłem pomóc