Jump to content
xt:Commerce Community Forum
Sign in to follow this  
Bongartz120

[SOLVED] Linien zwischen den Produkten bei der Produktübersicht

Recommended Posts

Hallo,

ich habe in einem Shop einen solchen, Produktaufteilungen gesehen (Siehe Bild). Die Aufteilung habe ich schon hinbekommen nur leider schaffe ich es nicht mittels CSS die Linien zwischen den Produkten so hinzubekommen. Ich shcaffe es nicht einen Logik zu entwickeln, welhe erkennt wann die Linien zusehen seinen sollen und wann nicht.

Ich hoffe das einer von euch mir einen Tipp geben kann wie man das machen kann.

Der Shop wo ich das gesehen hab ist: purador Designerschmuck | Designer - Schmuck - Kollektionen

Wenn wir gerade dabei sind kann mir noch einer von euch Sagen, wie ich es so hinbekomme, das die Produktbilder oben angezeigt werden und nicht bei der Produktbeschreibung?

Danke

Gruß

Bongartz120

post-86149-14337914858057_thumb.png

Share this post


Link to post
Share on other sites

zu den linien ... er gibt zwei verschiedene class aus ...

einmal iwie class="with-side-border" und einmal halt ohne^^

in der css löst du das halt mit

.with_side_border {border-right: 1px solid #a3a3a3;border-bottom: 1px solid #a3a3a3;}

.without_side_border {border-bottom: 1px solid #a3a3a3;}

das andere kann ich dir nu net erklären, weil ich kein template hier habe ...

Share this post


Link to post
Share on other sites

Das Produktbild wird ja oben angezeigt, was du meinst sind glaube ich die weiteren Artikelbilder.

Dafür musst du einfach folgenden Absatz suchen und in deiner product.html dahin packen wo du sie haben möchtest.

{if $more_images !=''}

		{foreach name=aussen item=img_data from=$more_images}

		<a href="{img img=$img_data.file type=m_popup path_only=true}" class="thickbox">{img img=$img_data.file type=m_thumb alt=$products_name}</a>

		{/foreach}

	{/if}

MfG. Hansen

Share this post


Link to post
Share on other sites

Ich weiß nicht wie ich die dynamische Logik programmieren kann. Statisch ist das kein Problem. aber die Anzahl der Artikel ändert sich ja.

Das muss ja irgendwie mit der Smatyengine verbunden werden oder so.

wen du das Template brauchst kann ich dir das gerne geben. ist ja nur einwenig css.

Share this post


Link to post
Share on other sites

Das Produktbild wird ja oben angezeigt, was du meinst sind glaube ich die weiteren Artikelbilder.

Dafür musst du einfach folgenden Absatz suchen und in deiner product.html dahin packen wo du sie haben möchtest.

{if $more_images !=''}

		{foreach name=aussen item=img_data from=$more_images}

		<a href="{img img=$img_data.file type=m_popup path_only=true}" class="thickbox">{img img=$img_data.file type=m_thumb alt=$products_name}</a>

		{/foreach}

	{/if}

MfG. Hansen

mein Problem besteht dadrin. das der obere Bereich nicht in der Produkt.html ist. es ist ein eigener div welcher in index.html definiert ist. und wenn ich jetzt da den code aus der produkt.html reinkopiere passiet nichts. ich muss in der index.html wohl noch was includen oder so. weiß aber nicht was.

Share this post


Link to post
Share on other sites

übern foreach das:

{php}

$changecss = 1;

{/php}

dort wo du den css selector änderst

{php}

if( $changecss++ == 2 ) {

echo "class=\"blubb\"";

$changecss = 1;

}

else {

echo "class=\"blubbiblubb\"";

}

{/php}

.... ich hoffe das hilft dir ...

mein Problem besteht dadrin. das der obere Bereich nicht in der Produkt.html ist. es ist ein eigener div welcher in index.html definiert ist. und wenn ich jetzt da den code aus der produkt.html reinkopiere passiet nichts. ich muss in der index.html wohl noch was includen oder so. weiß aber nicht was.

versteh ich nicht oO ... du hast dort ja kein Produkt auswählt und somit stehen dir auch keine Produktvariablen zur Verfügung....

Grüße

Share this post


Link to post
Share on other sites

Hi,

ich habe mal was Zeit gefundne um deinen Vorschlag noch ml was genauer anzuschauen. Wenn ich deinen Code wie folgt abändere:

{php}

$changecss = 1;

{/php}

{foreach name=aussen item=module_data from=$product_listing}

{php}

if( $changecss++ == 2 ) {

echo "<div class=\"with_side_border\"></div>";

$changecss = 1;

}

else {

echo "<div class=\"without_side_border\"></div>";

}

{/php}

Bekomme ich Linien angezeigt, aber diese sehen noch nicht so aus wie ich es gerne hätte.

Tw Steel

Kannst du mir vielleicht sagen wodran das noch liegt. Haben sonst alles so gemacht wie du es beschreiben hattest.

Danke

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...