[opgelost] afbeelding in Products-module

[timdebuurman]

Hoi,

Ik ben, in plaats van met de news=module, nu aan de gang met de products-module om producten weer te geven.

Ik loop nu tegen een afbeelding probleem aan.

Zijn eigenlijk 2 dingen.

1.

Als ik het zonder CGSmartImage doe, dus nog op de "oude" (die zal verdwijnen staat er) lukt het me om op een samenvattingspagina de thumbnail van de afbeelding te tonen met:

<img src="{$entry->file_location}/{$entry->fields.afbeelding->thumbnail}" alt="{$entry->fields.foto->thumbnail}" />

Nu wil ik graag op de detailpagina de ge-uploade afbeelding in het groot tonen, dus de normale versie.
Ik weet niet hoe ik dat moet aanroepen.

waarschijnlijk zal "thumbnail" in iets anders veranderd moeten worden, maar ik kan niet vinden waarin.

2.

Omdat de bij punt 1. genoemde manier van afbeelding invoegen niet meer ondersteund zal worden, wil ik het graag al met CGSmartImage gaan doen.

Module geïnstalleerd en op het forum opgezocht dat ik in de products-module een extra veld aanmaak, met bijv. "postimg"

Dan dit geplaatst in de detailtemplate:

{if $entry->postimg}<figure>
<img src="{CGSmartImage src1=$entry->file_location src2=$entry->postimg filter_croptofit=600,350 notag=1 quality=100}" alt=''/>
{if $entry->caption}<figcaption>{$entry->caption}</figcaption>{/if}
</figure>{/if}

De afbeelding die ik het ge-upload bij het veld "postimage" in de products-module, word nu wel weergegeven, maar weer als thumbnail. Dus in de groote die bij de opties van Products is ingesteld bij "maximale afmeting van het miniatuur"

Hopelijk leg ik beide dingen duidelijk genoeg uit.

Alvast bedankt voor de hulp weer enne, ik moet zeggen dat ik tot nu toe erg tevreden ben over CMSMS en over de hulp die via dit forum gegeven word...echt super.

groet Tim

[deactivated010521]

----------

[Rolf]

Tip: gebruik de CGSmartImage module voor het maken van de thumbnails, previews enzovoort, want CG denkt er over om de andere optie te verwijderen...
Daarnaast biedt de CGSI module veel leuke extra's!

grtz. Rolf

[timdebuurman]

Ik krijg het niet voor elkaar, misschien doe ik wel iets helemaal verkeerd.

In de Product-module maak ik een veld aan, met de naam 'productafbeelding' en als type 'image'

in de detailtemplate voer ik op de plek waar de afbeelding moet komen, dit in:

{if isset($entry->fields.productafbeelding->value) && $entry->fields.productafbeelding->type == image}
<img src="{CGSmartImage src1=$entry->file_location src2=$entry->fields.productafbeelding->value filter_croptofit=320,240 notag=1 quality=100}" alt=''/>
{/if}

Ik maak een testproduct aan, waarbij ik bij het veld 'productafbeelding' een afbeelding upload.

Op de website is niks te zien:

<img alt="" src="">

Er is vast een stap die ik niet gedaan heb..

[Rolf]

Ik zal hier morgen wel even de inhoud van mijn (werkende) templates hier neer zetten.

[Rolf]

Ohw, ik gebruikte hier zelf ook nog de standaard afbeeldingen...

Code: Select all

{* Pass blog title to template *}
{capture assign=custom_title}Natriumgehalte {$entry->product_name|lower}{/capture}

{* set a canonical variable that can be used in the head section if process_whole_template is false in the config.php *}
{if isset($entry->canonical)}
  {capture assign='canonical'}http://www.smakelijketenzonderzout.nl/{$entry->canonical|lower}{/capture}
{/if}

<div id="product_detail">

<h3>{$entry->product_name}</h3>
<br />

<div style="float: right;">
{if $entry->fields.afbeelding->preview}
  <img src="{$entry->file_location}/{$entry->fields.afbeelding->preview}" style="border: #ccc solid 1px;" width="300px" title="{$entry->product_name}" alt="{$entry->product_name}" />
{else}
  <img src="http://www.smakelijketenzonderzout.nl/uploads/Products/standaard-afbeelding.jpg" style="border: #ccc solid 1px;" width="300px" alt="Helaas nog geen afbeelding van {$entry->product_name}" />
{/if}
</div>

<table>
<tr>
<td><b>Natriumgehalte</b></td>
<td>: <b>{$entry->fields.natrium->value}{if $entry->fields.natrium->value != 'Spoor'} mg{/if}</b> per 100 gram product</td>
</tr>
<tr>
<td><b>Bron</b></td>
<td>: {$entry->fields.bron->value}</td>
</tr>
</table>
<br />

{if $entry->fields.natrium->value == 'Spoor'}
<p>Dit product bevat een <b>spoor</b> natrium, dit wil zeggen dat het natriumgehalte zodanig laag is dat het met bestaande chemische bepalingsmethoden niet mogelijk is om de concrete waarde vast te stellen.<br />
Alleen als er absoluut géén natrium wordt aangetroffen wordt de waarde 0 (nul) toegekend.</p>
{/if}

{if $entry->fields.bron->value == 'Verpakking'}
<p><span style="color: #f00; font-weight: bold;">Let op!</span> Het bovengenoemde natriumgehalte is afkomstig van een verpakking van dit product of ingrediënt. Omdat er ongetwijfeld meerdere soorten en merken te verkrijgen zijn, zult u zelf úw verpakking moeten controleren of de waarde overeenkomt! Per merk kan het natriumgehalte aanzienlijk verschillen...</p>
{elseif $entry->fields.bron->value == 'Voedingscentrum'}
<p>Het bovengenoemde natriumgehalte is afkomstig uit de <em>Nederlandse Voedingmiddelentabel</em>, een boekje uitgegeven door het Voedingscentrum.</p>
{elseif $entry->fields.bron->value == 'USDA'}
<p>Het bovengenoemde natriumgehalte is gevonden op de website van de United States Department of Agriculture</p>
{/if}

{if $entry->details ne ''}
<h3>Meer informatie</h3>
{$entry->details}<br />
<br />
<br />
<p style="clear: both;"><i>Het (eventueel) vermeldt gewicht per eenheid product komen van verschillende bronnen: internet, verpakkingen, eigen metingen, enz. Er bestaat meestal geen wetenschappelijke bron achter deze waarden. Controleer dus zelf het gewicht van úw producten!</i></p>
{/if}

<p style="clear: both;"><i>Getoonde afbeelding is slechts ter illustratie (Bron: Wikipedia, eigen opname of overige)</i></p>

</div>

Dit is uit een andere website waar ik CGSI wel gebruik in Gallery:

Code: Select all

<a class="group" rel="gallery" href="{CGSmartImage src=$image->file filter_resize='h,1024' notag=1 noembed=1 filter_watermark=1}">{CGSmartImage src=$image->thumb alt=$img_title title=$img_title}</a>

Hoop dat je er iets mee kunt.

grt. Rolf

[timdebuurman]

Rolf,

Bedankt voor je moeite, maar ik kan er niet echt wat mee.
Te veel dingen zijn me niet duidelijk. Kan aan mijn gebrek aan kennis van php liggen.

Is het zo dat het niet uitmaakt waar de CGSI-module de afbeelding vandaan haalt, zolang deze maar op de server staat?

Is er niet een uitleg over hoe de CGSI gebruikt kan worden in de Products-module?

Ik denk echt dat er veel meer mensen zijn die dat fijn zouden vinden.

Zoals het er nu voor staat, hebben veel mensen en probleem als een update gedaan word van Products en de afbeeldingen worden niet meer ondersteund.

gr Tim

[deactivated010521]

----------

[timdebuurman]

Hoi Arnoud.

Even om te laten zien.

Dit staat in mijn details-template:

Code: Select all

<img src="{$entry->file_location}/{$entry->fields.productafbeelding->value}" alt="{$entry->product_name}" />

<img src="{CGSmartImage src1=$entry->file_location src2=$entry->fields.productafbeelding->value filter_croptofit=320,240 notag=1 quality=100}" alt=''/>

De bovenste roept de afbeelding op de "oude" manier aan.
Deze word goed weergegeven.

De onderste op de CGSI-manier.
Hier komt niets: <img alt="" src="">

Ik heb jou stukje code ingevoerd, dan komt dit in het beeld:

Code: Select all

stdClass Object
(
    [id] => 1
    [product_name] => testproduct1
    [details] => details
    [price] => 0
    [create_date] => 2012-02-11 20:45:06
    [modified_date] => 2012-02-12 19:36:11
    [taxable] => 1
    [status] => published
    [weight] => 0
    [sku] => 
    [alias] => testproduct
    [hierarchy_id] => -1
    [file_location] => http://timdebuurman.nl/scheur/uploads/Products/product_1
    [canonical] => meubelen/1/testproduct
    [detail_url] => http://timdebuurman.nl/scheur/meubelen/1/testproduct
    [fields] => Array
        (
            [productafbeelding] => stdClass Object
                (
                    [id] => 1
                    [name] => productafbeelding
                    [prompt] => productafbeelding
                    [type] => image
                    [options] => Array
                        (
                            [] => 
                        )

                    [max_length] => 255
                    [value] => vergaderfatel_rechthoek.jpg
                    [fielddef_id] => 1
                    [thumbnail] => thumb_vergaderfatel_rechthoek.jpg
                )

            [samenvatting] => stdClass Object
                (
                    [id] => 3
                    [name] => samenvatting
                    [prompt] => samenvatting
                    [type] => textarea
                    [options] => Array
                        (
                            [] => 
                        )

                    [max_length] => 255
                    [value] => 

Samenvatting van het testproduct

                    [fielddef_id] => 3
                )

            [postimg] => stdClass Object
                (
                    [id] => 4
                    [name] => postimg
                    [prompt] => postimg
                    [type] => image
                    [options] => Array
                        (
                            [] => 
                        )

                    [max_length] => 255
                    [value] => vergaderfatel_rechthoek.jpg
                    [fielddef_id] => 4
                    [thumbnail] => thumb_vergaderfatel_rechthoek.jpg
                )

            [gallery] => stdClass Object
                (
                    [id] => 5
                    [name] => gallery
                    [prompt] => gallery
                    [type] => textbox
                    [options] => Array
                        (
                            [] => 
                        )

                    [max_length] => 20
                )

        )

    [breadcrumb] => 
    [categories] => Array
        (
            [0] => stdClass Object
                (
                    [id] => 1
                    [name] => testcategorie
                    [value] => 1
                    [file_location] => http://timdebuurman.nl/scheur/uploads/Products/categories/1
                )

        )

    [categorynames] => Array
        (
            [0] => testcategorie
        )

)
1
Sta ik op de server: http://timdebuurman.nl/scheur/uploads/Products/product_1/vergaderfatel_rechthoek.jpg ?

Terug
testproduct1
d

Hopelijk kan je eraan zien wat er mis is, of wat anders moet.

[deactivated010521]

----------

[timdebuurman]

Arnoud,

Ik had de hele map "scheur" beveiligd.

Nu is die beveiliging "tijdelijk" weg, maar nog steeds zelfde resultaat.

Zou je nog eens willen kijken?

[deactivated010521]

----------

[timdebuurman]

Jou nieuwe code genereert dit:

Code: Select all

method 1: <img src="" alt=''/> <br />

methode 2: <img src="" alt=''/> <br />

methode 3: <img src="" alt=''/> <br />

_productafbeelding_url: http://timdebuurman.nl/scheur/uploads/Products/product_1/vergaderfatel_rechthoek.jpg <br />
_productafbeelding_path: /uploads/Products/product_1/vergaderfatel_rechthoek.jpg <br />
type: image <br />
file_location: http://timdebuurman.nl/scheur/uploads/Products/product_1 <br />
productafbeelding: vergaderfatel_rechthoek.jpg <br />

[deactivated010521]

----------

[timdebuurman]

Je bedoelt toch de error-logs die ik via de PLESK van de host kan zien?

Daarin kan ik niks terugvinden van de CGSmartImage module.