Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : prankster 04 Nov 2015, 14:27:14

: [risolto]Aggiungere background image picker in Hydrogen Gantry 5
: prankster 04 Nov 2015, 14:27:14
Buongiorno

Vorrei aggiungere il background image picker in Hydrogen seguendo la procedura descritta in
 http://docs.gantry.org/gantry5/advanced/customizing-theme-files (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
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: xplosion 04 Nov 2015, 17:37:07
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
:
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
:
{% 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 %}
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 04 Nov 2015, 18:50:32
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
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: xplosion 04 Nov 2015, 20:56:00
Ciao,
A parte le modifiche ai due file, hai seguito la guida passo passo ? Perché da me funziona... strano
Sei su server windows ?
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 04 Nov 2015, 21:06:50
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.
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: xplosion 04 Nov 2015, 23:04:41
Fai attenzione a una cosa quando modifichi il file section.yaml
Assicurati che prima di ogni riga di codice sono inseristi spazi, MAI indentazioni !
:
    background:
      type: input.imagepicker
      label: Background
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 05 Nov 2015, 09:15:00
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  >:(
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: xplosion 05 Nov 2015, 09:51:53
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 ?
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 05 Nov 2015, 09:56:11
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?  ;D
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 05 Nov 2015, 10:31:28
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...
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: xplosion 05 Nov 2015, 10:42:47
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 ?
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 05 Nov 2015, 10:57:06
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
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: xplosion 05 Nov 2015, 11:01:44
mi puoi passare i due file ? così li do una controllata
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 05 Nov 2015, 11:03:50
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  :o

...prendo l'acqua santa per l'esorcismo
 
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: xplosion 05 Nov 2015, 11:08:03
suppongo che anche joomla è aggiornato, no ?
hai per caso un'altro spazio dove provare ? magari hai qualche problema di scrittura...
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 05 Nov 2015, 11:09:52
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?
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: xplosion 05 Nov 2015, 11:16:42
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.
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 05 Nov 2015, 11:19:47
ora le provo tutte, vediamo un po, poi aggiorno. Grazie
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 05 Nov 2015, 11:40:57
installato Joomla su subdir in altro dominio, stesso provider
php ver 5.5.29

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:
:
<div class="section-background" style="background-image: url(gantry-media://bg.jpg)">
resta il fatto che nello spazio dove dovrebbe lavorare non funziona. *#@**grrr
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: xplosion 05 Nov 2015, 12:16:30
no, non manca alcun css, vedi che ci sono altre impostazioni da fare nella scheda Styles, vedi magari in Base Outline.
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 05 Nov 2015, 12:21:15
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.
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: xplosion 05 Nov 2015, 12:24:56
mi dispiace, non ti so rispondere.
devi identificare a questo punto le diferenze dei due hosting.
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 05 Nov 2015, 12:28:35
ecco appunto... è lo stesso hosting  ;D ;D ;D
cmq grazie mille!
: Re:Aggiungere background image picker in Hydrogen Gantry 5
: prankster 06 Nov 2015, 12:04:53
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




: Re:Aggiungere background image picker in Hydrogen Gantry 5
: xplosion 06 Nov 2015, 19:45:41
Ottimo !
Per il caricamento delle immagini ti sugerisco di utilizzare JCE Media manager
: Re:[risolto]Aggiungere background image picker in Hydrogen Gantry 5
: mello340 24 Jul 2018, 10:39:04
ragazzi, a me questo procedimento non funziona, sareste in grado di darmi una mano? so che è vecchio il post, ma non ne cavo piede
: Re:[risolto]Aggiungere background image picker in Hydrogen Gantry 5
: tomtomeight 24 Jul 2018, 10:44:15
Scusa hai già aperto la tua discussione in merito. Che senso ha, oltre che vietato, accodarsi a vecchissimi post?
: Re:[risolto]Aggiungere background image picker in Hydrogen Gantry 5
: mello340 24 Jul 2018, 10:47:46
non ho più ricevuto risposte
: Re:[risolto]Aggiungere background image picker in Hydrogen Gantry 5
: tomtomeight 24 Jul 2018, 10:59:32
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à.