Template Änderung funktioniert nicht richtig

Hallo,
ich habe mal wieder ein kleines Problem. Vorab, ich habe den Echtshop auf Gambio Version v4.2.0.0 laufen, Update auf Gambio Version v4.9.4.1 funktionierte nicht also Backup einspielen und zurück zum "alten" Shop. Aus diesem Grund ließ ich einen Testshop mit der aktuellsten Version anlegen und passte den neuen Testshop an unseren "Alten" an. Funktioniert alles super (auch viel mit Euerer Hilfe), habe von Template auf Themes umgestellt, nutze aber das Honeygrid Themes.
Das letzte Problem ist nur eine optische Darstellung, die ich einfach nicht lösen kann. Wir haben ein Template so angepasst, daß im Artikel keine Kaufoption ist, sondern nach der Beschreibung ein Formular mit Wünschen auftaucht, was auch funktioniert und auch rege genutzt wird. Wir geben dem Kunden dann ein Angebot und in der Regel haben wir den Kunden dann auch in unserem Haus. Ich brauche jetzt keine Fragen warum wir das so machen, das ist einfach so. Bei dem Beispiel was ich gleich zeige könnt ihr auch sehen warum. Es gibt von KW so viele Möglichkeiten daß der Kunde gar nicht genau weiß, welches für ihn das richtige Fahrwerk ist, deswegen fragen wir viele Daten ab und erstellen ihn dann ein Angebot. Mein Problem ist die optische Darstellung der Bilder des Artikels. Im alten Shop gehen die Bilder auf volle Breite im neuen Shop leider nicht, schaut aus wie ein Platzhalter der Bestellungsbox.


Das ist der alte Shop.


Das ist der neue Shop.

HTML:

{load_language_text section="product_info"}
{load_language_text section="buttons" name="button"}
{load_language_text section="customers_status" name="customer"}

{block name="module_product_info_standard"}
    {block name="module_product_info_standard_navigator"}
        {$PRODUCT_NAVIGATOR}
    {/block}

    {if $JSONLD}
        <script type="application/ld+json">
            {$JSONLD}
        </script>
    {/if}

    <div class="product-info product-info-default row">
   
        {block name="module_product_info_standard_modal"}
            {include file="get_usermod:{$tpl_path}snippets/product_info/images/product_images_modal.html"}
        {/block}

        {block name="module_product_info_standard_content"}
            <div class="product-info-content col-xs-12">

                {block name="module_product_info_standard_content_row"}
                    <div class="row">
                   
                        {block name="module_product_info_standard_product_name"}
                            <div class="product-info-title-mobile {if 'ENABLE_JS_HYPHENATION'|gm_get_conf == 'true'}hyphenate{/if} col-xs-12 visible-xs-block visible-sm-block">
                                {block name="module_product_info_standard_product_name_span"}
                                    <span{if 'ENABLE_JS_HYPHENATION'|gm_get_conf == 'true'} class="hyphenate"{/if}>{$PRODUCTS_NAME}</span>
                                {/block}

                                {block name="module_product_info_standard_product_review_data_if"}
                                    <div>
                                        {if $showRating && $AGGREGATE_REVIEW_DATA.averageRating && $AGGREGATE_REVIEW_DATA.averageRating != 0}
                                            {block name="module_product_info_standard_product_review_data"}
                                                {include file="get_usermod:{$tpl_path}snippets/rating_stars.html" rating_rounded=$AGGREGATE_REVIEW_DATA.averageRating rating_count=$AGGREGATE_REVIEW_DATA.count }
                                            {/block}
                                        {/if}
                                    </div>
                                {/block}
                            </div>
                        {/block}

                        {block name="module_product_info_standard_product_ribbons"}
                            {product_ribbons
                            showManufacturerImages=$showManufacturerImages
                            showProductRibbons=$showProductRibbons
                            product_id=$PRODUCTS_ID
                            out=arr_ribbons
                            }
                        {/block}

                        {block name="module_product_info_standard_product_images_if"}
                            {if $images}
                                {block name="module_product_info_standard_images"}
                                    <div class="product-info-stage col-xs-12 col-md-12{if $images|count lt 2} centered{/if}">

                                        {block name="module_product_info_standard_product_images_snippet_include"}
                                            {include file="get_usermod:{$tpl_path}snippets/product_info/images/product_images.html"}
                                        {/block}

                                        {block name="module_product_info_standard_product_images_manufacturer_ribbon_if"}
                                            {if $arr_ribbons.manufacturer|count > 0}
                                                {block name="module_product_info_standard_product_images_manufacturer_ribbon_include"}
                                                    {include file="get_usermod:{$tpl_path}snippets/ribbon/ribbon_manufacturer.html"
                                                    ribbon="manufacturer"
                                                    id=$arr_ribbons.manufacturer.0.ID
                                                    text=$arr_ribbons.manufacturer.0.IMAGE_ALT
                                                    img=$arr_ribbons.manufacturer.0.IMAGE
                                                    url=$arr_ribbons.manufacturer.0.URL
                                                    }
                                                {/block}
                                            {/if}
                                        {/block}
               
                                    </div>
                                {/block}
                            {/if}
                        {/block}
                   
                   
       
                        {block name="module_product_info_standard_description"}
                            <div class="product-info-description col-md-12" data-gambio-widget="tabs">
                                {include file="get_usermod:{$tpl_path}snippets/product_info/product_description.html"
                                         reviews=$MODULE_products_reviews}
                            </div>
                        {/block}
       
                   
       
               
       
                   
       
                    </div><!-- // .row -->
                {/block}
            </div><!-- // .product-info-content -->
        {/block}
 

 
    </div>
    <p>
  <!-- // .product-info -->
{/block}</p>
 
<p align="center"><font face="Verdana, Arial, Helvetica, sans-serif">Anfrage an
  das Team Schalk Tuning</font></p>
 
    <script type="text/javascript" src="https://form.jotform.com/jsform/203301173449347"></script>
    <form id="form1" name="form1" method="post" action="">
    </form>
    <form id="form2" name="form2" method="post" action="">
    </form>
    <form id="form3" name="form3" method="post" action="">
    </form>
    <p>&nbsp;     </p>

Das ist der Code des Alten Template: artikel_mit_formular.html

HTML:

{load_language_text section="product_info"}
{load_language_text section="buttons" name="button"}
{load_language_text section="customers_status" name="customer"}

{block name="product_info_template_standard"}
    {block name="product_info_template_standard_navigator"}
        {$PRODUCT_NAVIGATOR}
    {/block}

    {if $JSONLD}
        <script type="application/ld+json">
            {$JSONLD}
        </script>
    {/if}
 
    <div class="product-info product-info-default row">
   
        {block name="product_info_template_standard_modal"}
            {*{include file="get_usermod:{$tpl_path}product_info_gallery_modal.html"}*}
        {/block}

        {block name="product_info_template_standard_content"}
            <div class="product-info-content col-xs-12">

                {block name="product_info_template_standard_content_row"}
                    <div class="row">
                   
                        {block name="product_info_template_standard_product_name"}
                            <div class="product-info-title-mobile {if 'ENABLE_JS_HYPHENATION'|gm_get_conf == 'true'}hyphenate{/if} col-xs-12 visible-xs-block visible-sm-block">
                                {block name="product_info_template_standard_product_name_span"}
                                    <span{if 'ENABLE_JS_HYPHENATION'|gm_get_conf == 'true'} class="hyphenate"{/if}>{$PRODUCTS_NAME}</span>
                                {/block}

                                {block name="product_info_template_standard_product_review_data_if"}
                                    <div>
                                        {if $showRating && $AGGREGATE_REVIEW_DATA.averageRating && $AGGREGATE_REVIEW_DATA.averageRating != 0}
                                            {block name="product_info_template_standard_product_review_data"}
                                                    {include file="get_usermod:{$tpl_path}rating_stars.html" rating_rounded=$AGGREGATE_REVIEW_DATA.averageRating rating_count=$AGGREGATE_REVIEW_DATA.count }
                                            {/block}
                                        {/if}
                                    </div>
                                {/block}
                            </div>
                        {/block}

                        {block name="module_product_info_standard_product_ribbons"}
                            {product_ribbons
                            showManufacturerImages=$showManufacturerImages
                            showProductRibbons=$showProductRibbons
                            product_id=$PRODUCTS_ID
                            out=arr_ribbons
                            }
                        {/block}

                        {block name="product_info_template_standard_product_images_if"}
                            {$IMAGE_GALLERY}
                        {/block}

                        {block name="product_info_template_standard_description"}
                            <div class="product-info-description col-md-12" data-gambio-widget="tabs">
                                {include file="get_usermod:{$tpl_path}product_info_product_description.html"
                                         reviews=$MODULE_products_reviews}
                            </div>
                        {/block}
                   
                   
       
                    </div><!-- // .row -->
                {/block}
            </div><!-- // .product-info-content -->
        {/block}
 
        {block name="product_info_template_standard_product_lists"}
            <div class="product-info-listings col-xs-12 clearfix" data-gambio-widget="product_hover">
                {include file="get_usermod:{$tpl_path}product_info_product_lists.html"}
            </div>
        {/block}
 
    </div><!-- // .product-info -->
{/block}

<p align="center"><font face="Verdana, Arial, Helvetica, sans-serif">Anfrage an
  das Team Schalk Tuning</font></p>
 
    <script type="text/javascript" src="https://form.jotform.com/jsform/203301173449347"></script>
    <form id="form1" name="form1" method="post" action="">
    </form>
    <form id="form2" name="form2" method="post" action="">
    </form>
    <form id="form3" name="form3" method="post" action="">
    </form>
    <p>&nbsp;     </p>

Das ist der Code vom neuen Template: product_info_template_standard_mit_formular.html

Das ist mein kleines Problem, ich hoffe ihr könnt mir dabei helfen, diese Problem zu lösen ....
Achso, der Shop ist www.schalk-tuning.de
Den Testshop kann ich leider nicht zeigen da er Passwortgeschützt ist, damit man ihn im Netz nicht findet.

 

Das ist von außen wirklich schwer zu sagen. Mein erster Verdacht wäre, dass das Bild wirklich genau so klein ist, wie es dargestellt wird. Im Liveshop ist es 1.000 Pixel breit. Das ist deutlich breiter als die Gambio-Standard-Einstellungen zu den Artikel-Info Bildern. Was ist denn hier eingestellt?

 

Das ist bei Honeygid ein bisschen anders aufgebaut, aber ich habe es gefunden und verändert, aber ohne Erfolg, der Artikel bleibt so wie mein erstes Bild vom neuen Shop.






so schaut der normale Artikel aus und wenn man vergleicht die Breite ist genau gleich ....

 

Dann Image Processing durchführen:

 

Ich habe das Image Processing ausgeführt, es hat mir die Bilder angepasst, also etwas größer bzw. was der Platz hergibt, aber dort wo keine Box ist wird das Bild leider nicht größer. Ich gehe davon aus, daß dort ein "Platzhalter" für die Box ist...


als Beispiel Artikel mit Box

 

ich habe mal einen anderen Artikel vom alten und neuen Shop fotografiert. Dort sieht man daß im alten Shop der Artikel auf die ganze Breite zentriert ist und im neuen Shop nur zentriert als ob die Box noch da ist ...

 

bei Malibu gibt es eine zweite product_info_template_standard.html
Bei Honeygrid eventuell auch?

da du hier die "links ausrichten Variante" hast, schätze ich, dass es daran liegt:

 

gibt es im Honeygrid leider nicht ...



Ich vermute daß irgendwo noch ein "Platzhalter" für die Box ist (dort wo ich den Artikel in den Warenkorb legen kann).

 

hast du dir schon die product_info_gallery.html angeschaut?

{block name="product_info_template_standard_images"}
<div class="product-info-stage col-xs-12 col-md-8{if $images|count lt 2} centered{/if}">

<div id="image-collection-container">
{include file="get_usermod:{$tpl_path}product_info_gallery_main.html"}
</div>

{block name="product_info_template_standard_product_images_manufacturer_ribbon_if"}
{product_ribbons
showManufacturerImages='SHOW_MANUFACTURER_IMAGE_PRODUCT_DETAILS'|gm_get_conf
showProductRibbons='SHOW_PRODUCT_RIBBONS'|gm_get_conf
product_id=$productId
out=arr_ribbons
}
{if $arr_ribbons.manufacturer|count > 0}
{block name="product_info_template_standard_product_images_manufacturer_ribbon_include"}
{include file="get_usermod:{$tpl_path}product_listing_manufacturer.html"
ribbon="manufacturer"
id=$arr_ribbons.manufacturer.0.ID
text=$arr_ribbons.manufacturer.0.IMAGE_ALT
img=$arr_ribbons.manufacturer.0.IMAGE
url=$arr_ribbons.manufacturer.0.URL
}
{/block}
{/if}
{/block}

</div>
{/block}


könnte es daran liegen?

 

@Michaela Klaiber ,dort lässt sich das super einstellen, aber leider auch bei den Artikeln mit Box...

 

Und wenn du diesen Block in deine standard_mitformular.html schreibst?

 

funktioniert leider nicht ... schaut dann so aus

 

Ohne Blick in den Testshop kann man nur raten.

Vielleicht findest Du den Fehler aber auch selber in der "Untersuchen"-Konsole.
Mache in dem Bereich auf der Maus ein Rechts-Klick und wähle im Dropdown "Untersuchen" oder "Element Untersuchen" (je nach browser)
Dann öffnet sich die Konsole und Du kannst das html und css sehen.
Da kannst du auch testen was passiert, wenn Du etwas im css änderst.
Die passenden Änderungen müssen nur noch ins eigene css kopiert werden.

Nachtrag: Du musst dem Bild in der eigenen Datei dann auch eine eigene Klasse geben, damit das nicht bei allen Artikel genutzt wird.

 

Hast Du den eigentlichen Bild-Bereich deaktiviert, als Du den Block eingefügt hast?

 

Das kenne ich schon und habe auch sehr viel gefunden, grade CSS Einstellungen ...
Aber hier überfordert mich das grade ein wenig ...

 

Wo genau muss ich den dann deaktivieren? Ich denke mal das geht nicht wegen den normalen Artikeln ....
Ich muss eigentlich nur rausbekommen wie ich das richtig formatiere ....
Ich bin ja schon etwas weiter gekommen, siehe Bild

 

Wie genau ist das gemeint?

 

HTML:

{load_language_text section="product_info"}
{load_language_text section="buttons" name="button"}
{load_language_text section="customers_status" name="customer"}

{block name="product_info_template_standard"}
    {block name="product_info_template_standard_navigator"}
        {$PRODUCT_NAVIGATOR}
    {/block}

    {if $JSONLD}
        <script type="application/ld+json">
            {$JSONLD}
        </script>
    {/if}
 
 
{block name="product_info_template_standard_images_mit_formular"}
        <div class="product-info-stage col-xs-12 col-md-12{if $images|count lt 2} centered{/if}">
            <div id="image-collection-container">
                {include file="get_usermod:{$tpl_path}product_info_gallery_main.html"}
            </div>

            {block name="product_info_template_standard_product_images_manufacturer_ribbon_if"}
                {product_ribbons
                    showManufacturerImages='SHOW_MANUFACTURER_IMAGE_PRODUCT_DETAILS'|gm_get_conf
                    showProductRibbons='SHOW_PRODUCT_RIBBONS'|gm_get_conf
                    product_id=$productId
                    out=arr_ribbons
                }
                {if $arr_ribbons.manufacturer|count > 0}
                    {block name="product_info_template_standard_product_images_manufacturer_ribbon_include"}
                        {include file="get_usermod:{$tpl_path}product_listing_manufacturer.html"
                        ribbon="manufacturer"
                        id=$arr_ribbons.manufacturer.0.ID
                        text=$arr_ribbons.manufacturer.0.IMAGE_ALT
                        img=$arr_ribbons.manufacturer.0.IMAGE
                        url=$arr_ribbons.manufacturer.0.URL
                        }
                    {/block}
                {/if}
            {/block}

        </div>
    {/block}
 


        {block name="product_info_template_standard_content"}
            <div class="product-info-content col-xs-12">

                {block name="product_info_template_standard_content_row"}
                    <div class="row">
               
                        {block name="product_info_template_standard_product_name"}
                            <div class="product-info-title-mobile {if 'ENABLE_JS_HYPHENATION'|gm_get_conf == 'true'}hyphenate{/if} col-xs-12 visible-xs-block visible-sm-block">
                                {block name="product_info_template_standard_product_name_span"}
                                    <span{if 'ENABLE_JS_HYPHENATION'|gm_get_conf == 'true'} class="hyphenate"{/if}>{$PRODUCTS_NAME}</span>
                                {/block}

                                {block name="product_info_template_standard_product_review_data_if"}
                                    <div>
                                        {if $showRating && $AGGREGATE_REVIEW_DATA.averageRating && $AGGREGATE_REVIEW_DATA.averageRating != 0}
                                            {block name="product_info_template_standard_product_review_data"}
                                                    {include file="get_usermod:{$tpl_path}rating_stars.html" rating_rounded=$AGGREGATE_REVIEW_DATA.averageRating rating_count=$AGGREGATE_REVIEW_DATA.count }
                                            {/block}
                                        {/if}
                                    </div>
                                {/block}
                            </div>
                        {/block}

                        {block name="module_product_info_standard_product_ribbons"}
                            {product_ribbons
                            showManufacturerImages=$showManufacturerImages
                            showProductRibbons=$showProductRibbons
                            product_id=$PRODUCTS_ID
                            out=arr_ribbons
                            }
                        {/block}

                        {block name="product_info_template_standard_product_images_if"}
                            {$IMAGE_GALLERY}
                        {/block}

                        {block name="product_info_template_standard_description"}
                            <div class="product-info-description col-md-12" data-gambio-widget="tabs">
                                {include file="get_usermod:{$tpl_path}product_info_product_description.html"
                                         reviews=$MODULE_products_reviews}
                            </div>
                        {/block}
               
               
   
                    </div><!-- // .row -->
                {/block}
            </div><!-- // .product-info-content -->
        {/block}
 
        {block name="product_info_template_standard_product_lists"}
            <div class="product-info-listings col-xs-12 clearfix" data-gambio-widget="product_hover">
                {include file="get_usermod:{$tpl_path}product_info_product_lists.html"}
            </div>
        {/block}
 
    </div><!-- // .product-info -->
{/block}

<p align="center"><font face="Verdana, Arial, Helvetica, sans-serif">Anfrage an
  das Team Schalk Tuning</font></p>
 
    <script type="text/javascript" src="https://form.jotform.com/jsform/203301173449347"></script>
    <form id="form1" name="form1" method="post" action="">
    </form>
    <form id="form2" name="form2" method="post" action="">
    </form>
    <form id="form3" name="form3" method="post" action="">
    </form>
    <p>&nbsp;     </p>

So habe ich das in die ..._mit_formular ... eingefügt. Wollte die Änderung rot machen, ging aber nicht. Es ist der 2. Block, den ich eingefügt habe ...

 

In dem Code werden 8 divs geöffnet, aber 9 werden geschlossen. Außerdem sind da div-Element innerhalb eines span-Elements, was auch nicht sein sollte.

 

Ich hab es korrigiert, aber das war nicht die Lösung.