[risolto]Aggiungere background image picker in Hydrogen Gantry 5

[prankster]

Buongiorno

Vorrei aggiungere il background image picker in Hydrogen seguendo la procedura descritta in
 http://docs.gantry.org/gantry5/advanced/customizing-theme-files
ma il codice riportato nel section.html.twig del tutorial è completamente diverso da quello dell'ultima versione del template.

Ho provato ugualmente ma non funziona.
Qualcuno è per caso riuscito?

Grazie

[xplosion]

Si, vedi che è un topic aperto su github dove li ho risposto. Ad ogni modo ecco qui tutti e due file dopo le modifiche.

section.yaml

Codice: [Seleziona]

name: Section
description: Layout section.
type: section

form:
  fields:
    boxed:
      type: select.selectize
      label: Layout
      description: Select the Layout behavior. 'Inherit' refers to Page Settings.
      isset: true
      selectize:
        allowEmptyOption: true
      options:
        '': Inherit
        0: Fullwidth (Boxed Content)
        2: Fullwidth (Flushed Content)
        1: Boxed

    class:
      type: input.selectize
      label: CSS Classes
      description: Enter CSS class names.
      default:

    extra:
      type: collection.keyvalue
      label: Tag Attributes
      description: Extra Tag attributes.
      key_placeholder: Key (data-*, style, ...)
      value_placeholder: Value
      exclude: ['id', 'class']

    background:
      type: input.imagepicker
      label: Background
section.html.twig

Codice: [Seleziona]

{% set tag_type = segment.subtype|default('section') %}
{% set attr_id = segment.attributes.id ?: 'g-' ~ segment.id %}
{% set attr_class = segment.attributes.class %}
{% set attr_extra = '' %}
{% set boxed = segment.attributes.boxed %}
{% if boxed is not null %}
    {% set boxed = boxed|trim == '' ? gantry.config.page.body.layout.sections : boxed %}
{% endif %}
{% set attr_background = segment.attributes.background ? segment.attributes.background|trim|e : false %}

{% if segment.attributes.extra %}
    {% for attributes in segment.attributes.extra %}
        {% for key, value in attributes %}
        {% set attr_extra = attr_extra ~ ' ' ~ key|e ~ '="' ~ value|e('html_attr') ~ '"' %}
        {% endfor %}
    {% endfor %}
{% endif %}

{% set html %}
    {% if segment.children %}
        {% for segment in segments %}
            {% include '@nucleus/layout/' ~ segment.type ~ '.html.twig' with { 'segments':segment.children } %}
        {% endfor %}
    {% endif %}
{% endset %}

{% if html|trim %}
    {% if boxed is not null and boxed != 1 %}
        {% set html %}
        <div class="g-container">{{ html|raw }}</div>
        {% endset %}
    {% endif %}

    {% set html %}
    {% if boxed == 2 %}{% set attr_class = attr_class ~ ' g-flushed' %}{% endif %}
    {% set attr_class = attr_class ? ' class="' ~ attr_class|trim ~ '"' %}
    <{{ tag_type }} id="{{ attr_id }}"{{ attr_class|raw }}{{ attr_extra|raw }}>
        {% if attr_background %}<div class="section-background" style="background-image: url({{ attr_background }})">{% endif %}
        {{ html|raw }}
        {% if attr_background %}</div>{% endif %}
    </{{ tag_type }}>
    {% endset %}

    {% if boxed == 1 %}
    <div class="g-container">{{ html|raw }}</div>
    {% else %}
    {{ html|raw }}
    {% endif %}
{% endif %}

[prankster]

Grazie 2 volte xplosion 

però quando aggiungo l'immagine di background il sistema molto pacatamente mi risponde così:

500 Internal Server Error Oops, Obtaining write lock failed on file: /web/htdocs/www.miosito.com/home/hope/templates/g5_hydrogen/custom/config/12/layout.yaml.


inoltre l'home ha preso uno strano aspetto...
[EDIT]: dopo aver vuotato la cache l'home page è proprio sparita. Una bella pagina bianca. 


Allego screenshot

[xplosion]

Ciao,
A parte le modifiche ai due file, hai seguito la guida passo passo ? Perché da me funziona... strano
Sei su server windows ?

[prankster]

Ciao
no sono su server linux
Installazione "pulita" J3.4.5
Ho seguito la guida mi sembra correttamente.

Ora sbaracco hydrogen, domani mattina lo reinstallo e ricomincio.

[xplosion]

Fai attenzione a una cosa quando modifichi il file section.yaml
Assicurati che prima di ogni riga di codice sono inseristi spazi, MAI indentazioni !

Codice: [Seleziona]

    background:
      type: input.imagepicker
      label: Background

[prankster]

ho disinstallato hydrogen
l'ho reinstallato
prima di effettuare gli override ho cambiato il colore dello showcase e ho ottenuto lo stesso errore

500 Internal Server Error
Oops, Obtaining write lock failed on file: /web/htdocs/www.miosito.com/home/hope/templates/g5_hydrogen/custom/config/15/styles.yaml.

quindi il problema viene da lontanoe vabbè. Ma da dove?
ho quasi finito gli spigoli dove sbattere la testolina 

[xplosion]

ciao prankster,
prova a fare un'installazione pulita non solo di hydrogen ma anche del componente.
io ho rifatto il test e non riscontro alcun prob.
l'errore che ti esce non credo che viene dalla modifica su quei file.

p.s. hai aggiornato alla versione 5.2.1 sia il componente che il template prima di fare le modifiche ?

[prankster]

Ngiorno!

fatto anche quello e sia componente che hydrogen erano ultime versioni
Ora sto reinstallando TUTTO DA CAPO partendo da Joomla (nella precedente cmq i controlli pre-installazione erano tutti ok)

NON STAI PER PARTIRE IN VACANZA VERO? 

[prankster]

E niente.
qualsiasi cambiamento tenti di fare nello stile del template mi restituisce

500 Internal Server Error Oops, Obtaining write lock failed on file: /web/htdocs/www.miosito.com/home/hope2/templates/g5_hydrogen/custom/config/10/styles.yaml.

non so bene che fare...

[xplosion]

Non ti preocupare, le vacanze sono lontane...
Per quanto riguarda il problema, prima di tutto, visto che su github dicevi che utilizzavi la 5.1.2, invece ti ho consigliato di aggiornare alla ultima cioè 5.2.1
E poi, un'altra cosa, prima di fare qualsiasi modifica, ti esce lo stesso errore ? Solo installando G5 5.2.1 ?

[prankster]

Peccato per le vacanze!

la versione è l'ultima avevo solo sbagliato a scrivere su GH.

L'errore me lo da esclusivamente al salvataggio di qualsiasi settaggio su Hydrogen (es. cambio preset o colore sezione)

ho provato anche a cambiare versione PHP

5.4.45
5.5.29
stessa cosa

[xplosion]

mi puoi passare i due file ? così li do una controllata

[prankster]

Al momento non ho effettuato override.
Il problema è a monte, non riesco a fare alcuna modifica di stile al template
Non posso nemmeno aggiungere particles o posizioni 

...prendo l'acqua santa per l'esorcismo
 

[xplosion]

suppongo che anche joomla è aggiornato, no ?
hai per caso un'altro spazio dove provare ? magari hai qualche problema di scrittura...

[prankster]

installazione pulita effettuata un'ora fa Joomla 3.4.5

si provo in una subdir di un altro sito (stesso provider)

Per i permessi cartella template vale sempre 755 su cartelle e 644 su files, giusto?

[xplosion]

per i permessi si, dovrebbero essere a posto.
però ti suggerivo di provare su uno spazio diverso, un'altro provider o magari in locale...
una sottocartella non credo che cambierà tanto.

[prankster]

ora le provo tutte, vediamo un po, poi aggiorno. Grazie

[prankster]

installato Joomla su subdir in altro dominio, stesso provider
php ver 5.5.29

• mi consente modifiche al template prima dell'override senza restituire errori

Dopo override mi consente di effettuare upload immagine background, di applicarla nella sezione prescelta ma l'immagine non si vede (bho magari manca un po di css perchè in effetti firebug dice:

Codice: [Seleziona]

<div class="section-background" style="background-image: url(gantry-media://bg.jpg)">
resta il fatto che nello spazio dove dovrebbe lavorare non funziona. *#@**grrr

[xplosion]

no, non manca alcun css, vedi che ci sono altre impostazioni da fare nella scheda Styles, vedi magari in Base Outline.

[prankster]

Ho reso trasparenti le sezioni e applicato il bg.
--------------------------------------------------------------------------------------
Ma a parte questo il problema primario è che non mi funziona nel suo spazio.
Quindi posso ipotizzare un problema di "ambiente".
Però non so come identificarlo.

[xplosion]

mi dispiace, non ti so rispondere.
devi identificare a questo punto le diferenze dei due hosting.

[prankster]

ecco appunto... è lo stesso hosting 
cmq grazie mille!

[prankster]

Ora funziona.
Grazie a xplosion per la pazienza.

Il codice per l'override è ok (non ne dubitavo è che a me dava i numeri)
L'error 500 generato si è dissolto prodigiosamente come neve al sole... dopo aver aperto un ticket di assistenza presso il provider che dice di non aver toccato nulla.
Strano: lo stesso esperimento in subdirectory altro dominio, stesso provider, stessi settaggi server non dava mezzo problema.

Quello che non capisco è invece questo:
quando inserisco l'immagine l'unico percorso proposto è
gantry-media://
e una serie di cartelle come da immagine allegata. Se carico da li non funziona, devo invece dare il percorso
images/cartella/img.jpg

[xplosion]

Ottimo !
Per il caricamento delle immagini ti sugerisco di utilizzare JCE Media manager

[mello340]

ragazzi, a me questo procedimento non funziona, sareste in grado di darmi una mano? so che è vecchio il post, ma non ne cavo piede

[tomtomeight]

Scusa hai già aperto la tua discussione in merito. Che senso ha, oltre che vietato, accodarsi a vecchissimi post?

[mello340]

non ho più ricevuto risposte

[tomtomeight]

Di certo non le riceverai accodandoti a vecchi post in giro per il forum. Riprova sulla prima discussione a fornire maggiori elementi e seguire i suggerimenti oltre a far presente ove e cosa eventualmente non capisci. Questo comunque è un forum di volontari e non è dato mai di ricevere sicura e risolutiva risposta, nonostante la buona volontà.