Die Anordnung in der product_info aufbessern/ändern?

[spittfire]

Hallo zusammen,

ich möchte, die Anordnung einiger elemente wie z.B. den Preis unterhalb des Dropdownmenüs verschieben.
Ich habe in der CSS gesucht aber leider nichts gefunden. Wo muss ich das angehen? Mir fehlt jegliche Idee.

Desweiteren die kleine Box wo man die Menge eintragen kann näher zum "In den Korb Button"

Ich bekomme es einfach nicht hin.

Ich würde mich über einen kleinen Denkanstoß sehr freuen.

Geht um z.B. diese Seite:

http://www.fliesenschiene24.de/Fliesenschienen-Fliesenprofile/01-Viertelkreisprofil-Jolly-Schiene-Edelstahl::302115.html

Linkback: https://www.modified-shop.org/forum/index.php?topic=23667.0

[WayneTsun]

Hallo spittfire,

lade Dir Firebug für Deinen Browser. Damit findest Du die nötigen CSS Einstellungen.

Beste Grüße,
Wayne

[spittfire]

DANKE FÜR DIE RASCHE ANTWORT!

Firebug ist runtergeladen. Den Preis Markiert und auf "mit FB untersuchen" geklickt.
Wo sehe ich jetzt, mit welcher Datei ich arbeiten muss?

 

[Matt]

Steht rechts bei den Styles. Aber im Shop gibt's ja eh nur die stylesheet.css.

Die Smarty-Templates sind alle templates/. Da gibt es kein Tool für, da musst du dir die richtige raussuchen. Aber die sind ja soweit alle vernünftig benannt.

[spittfire]

Okay, habe jetzt einige Optische Geschichten verändert.
Aber mir ist immernoch nicht klar, wie ich den Preis verschieben kann, oder die Box mit der Menge.

Muss ich da mit margin arbeiten?

Ich blicke gar nichts mehr

[Matt]

Je nachdem wie stark deine Veränderung sind musst du die Elemente im Quelltext neu anordnen. Und du solltest ein solides Grundverständnis von HTML und CSS mitbringen.

[spittfire]

Ich ha schon ein paar Sachen für Frunde gemacht, CSS und html sind mir nicht fremd, nur weiß ich nicht, Welche html, dafür zuständig ist.

Das Kästchen per stylesheet.css dicker und größer zu bekommen ist erledigt. Es ist nur der Preis unter dem Dropdown, wo ich nicht weiterkomme. Er soll lediglich rechts neben das Dropdownmenü.

Ich weiß nicht WO ich ansetzen soll...

[Matt]

templates/[template]/modules/product_info/product_info_v1.html wäre einen Versuch wert.

[spittfire]

Entweder bin ich wirklich blöd, oder es ist nicht in der aktiven product_info

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="product_info"}
{$FORM_ACTION}
<h1>{$PRODUCTS_NAME}</h1>

<div id="productinfowrap">
<table><tr><td style="padding-right:20px;">
        {if $PRODUCTS_IMAGE!=''}

                <a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}

        {/if}</td><td>
        <div id="productinfoprice">
               
                        <p class="productprice"><strong>{$PRODUCTS_PRICE}</strong></p>
                        <p class="taxandshippinginfo" style="white-space:nowrap">{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</p>
                        {if $SHIPPING_NAME}<p class="shippingtime"><strong>{#text_shippingtime#}</strong>{if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} {$SHIPPING_NAME}</p>
                        {/if}
                        {if $PRODUCTS_VPE}
                  <div class="hrlightgrey"></div>{$PRODUCTS_VPE}{/if}
                        {if $MODULE_graduated_price !=''}<div class="hrlightgrey"></div>
                        {$MODULE_graduated_price}{/if}
                        {if $PRODUCTS_DISCOUNT!=''}<div class="hrlightgrey"></div>{$PRODUCTS_DISCOUNT}{/if}
                        {if $PRODUCTS_FSK18=='true'}<div class="hrlightgrey"></div><img src="{$tpl_path}img/fsk18.gif" alt="" style="cursor:default" />{/if}
                        {if $PRODUCTS_MODEL!=''}<div class="hrlightgrey"></div>
                        <strong>{#model#}</strong> {$PRODUCTS_MODEL}{/if}
                        {if $PRODUCTS_URL != ''}
                        <div class="hrlightgrey"></div><div style="padding-top:5px;">{$PRODUCTS_URL}</div>
                        {/if} <br />
                        <div style="margin-top:10px"></div>
                        {$PRODUCTS_PRINT}

                {if $PRODUCTS_DATE_AVIABLE != ''}<p>{$PRODUCTS_DATE_AVIABLE}</p>{/if}
        </div> 
        <div style="clear:both;"></div>
    </td></tr></table>
        {if $MODULE_product_options !=''}
        <div class="productoptions">{$MODULE_product_options}</div>{/if}
<!-- BOF - Tomcraft - 2009-11-28 - Included xs:booster //-->
        {if $XTB_REDIRECT_USER_TO=='product'}<div style='width:400px;padding:10px;color:white;background-color:green;'><strong>Sie haben die eBay Auktion gewonnen!</strong><br/>Bitte w&auml;hlen Sie nun noch die gew&uuml;nschten Produkteigenschaften und legen Sie den Artikel danach in den Warenkorb, um mit der Zahlung fortzufahren und das Produkt versandfertig zu machen!</div>{/if}
<!-- EOF - Tomcraft - 2009-11-28 - Included xs:booster //-->
        <div class="addtobasket">
        <table border="0" cellspacing="0" cellpadding="2">
                <tr>
                <td style="width:100%; padding-right:5px;">{$ADD_QTY}</td>
                <td>{$ADD_CART_BUTTON}</td>
                </tr>
        </table>
        </div>
</div>

<p>{$FORM_END}
 
  {*BEGIN TABS*} </p>
<p>&nbsp;</p>
<div id="accordion_product_info">

        <p>&nbsp;</p>
        <p>{if $PRODUCTS_DESCRIPTION !=''}</p>
        <h3>{#description#}</h3><div>
          <p>&nbsp;</p>
          <p>{$PRODUCTS_DESCRIPTION}</p>
          <p>&nbsp;</p>
        </div>{/if}
        {if $more_images|@count > 0}<h3>{#more_images#}</h3>
        <p>&nbsp;</p>
        <div>  
                <div id="accordion_more_images">
                <!-- More Pictures -->
                <div class="morepics">
                  <p>&nbsp;</p>
                  <p>{foreach item=more_images_data from=$more_images} <a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img align="left" src="{$more_images_data.PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" />                          
                    {/foreach}
              </p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                </div>
                <div style="clear:both;"></div>
                </div>
        </div>         
    <p>&nbsp;</p>
    <p>{/if}
        {if $MODULE_products_media != ''}</p>
    <h3>{#products_media#}</h3><div>{$MODULE_products_media}</div>{/if}
        {if $MODULE_products_reviews != ''}<h3>{#products_reviews#}</h3>
        <p>&nbsp;</p>
        <div>{$MODULE_products_reviews}</div>{/if}
        {if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<h3>
    {#cross_selling#}</h3><div>{if $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}</div>{/if}
        {if $MODULE_also_purchased != ''}<h3>{#also_purchased#}</h3><div>{$MODULE_also_purchased}</div>{/if}           

</div>
{*END TABS*}

{if $PRODUCTS_ADDED != ''}<p class="productinfoproductadded">{$PRODUCTS_ADDED}</p>{/if}
{$PRODUCT_NAVIGATOR}


 

Ich weiß nicht ob ich es vielleicht nicht erklären konnte aber hier ein Bild zur veranschulichung.

[Matt]

Klär mal, welches Template da benutzt wird, dann sollte sich auch ergeben, wo du was ändern musst.