Bei den responsive Designs ist zu beachten, dass die grundlegenden Informationen neu nicht mehr im Designordner, sondern im generischen Ordner common\sqr zu finden sind. Dies bedeutet, dass sich Änderungen an diesen Dateien auch auf alle anderen responsive Designs (und somit auch auf andere Projekte) auswirken...!
Wenn nur das Absatzbild betroffen ist, dann würde eigentlich eine erweiterte Eigenschaft ausreichen, und die erforderlichen Änderungen könnten innerhalb des Designs gemacht werden. Aber plötzlich stört Dich dann z.B. auch der Rahmen in der Kontextspalte und dann müsste das Vorgehen umgekrempelt werden, weshalb ich persönlich die Lösung gleich ausführlicher implementieren würde.
Ich würde es z.B. so lösen...
1)
Kopiere die Dateien paragraph_picture.ccml und sidebar_picture.ccml aus dem Ordner
C:\Program Files (x86)\SIQUANDO\Web 9\common\sqr\ccml
in Deinen Designordner
C:\Program Files (x86)\SIQUANDO\Web 9\designs\Riga
2)
Danach bringst Du dem Programm bei, dass jetzt anstelle der "generisch verwendeten Dateien" bei diesen beiden die aus dem Designordner zu verwenden sind. Das machst Du im Designordner in der Datei config.ccml:
Ersetze
1
2
3
4
5
6
7
|
<cc:file obj="paragraph.picture" src="sqr\ccml\paragraph_picture.ccml" common="1">
.
.
und
.
.
<cc:file obj="sidebar.picture" src="sqr\ccml\sidebar_picture.ccml" common="1">
|
durch
1
2
3
4
5
6
7
|
<cc:file obj="paragraph.picture" src="paragraph_picture.ccml">
.
.
und
.
.
<cc:file obj="sidebar.picture" src="sidebar_picture.ccml">
|
3)
In derselben Datei config.ccml definierst Du zwei erweiterte Eigenschaften zum zu- und abschalten der Rahmen im Content und auch in der Sidebar.
Füge also hinzu:
1
2
|
<cc:property id="design.ws.picborder" caption="Rahmen um Bilder entfernen" folder="Bilder" targettype="paragraph" type="boolean" default="0">
<cc:property id="design.ws.sidebar.picborder" caption="Rahmen um Bilder entfernen" folder="Bilder" targettype="sidebar" type="boolean" default="0">
|
4)
Danach schnappst Du Dir die Datei paragraph_picture.ccml und sagst dort, wie die erweiterte Eigenschaft zu verwenden ist. Am einfachsten macht man dies mit den bekannten Klassen, denen man für diese Verwendung dann z.B. "without" anhängt, wobei man dort dann eben den Rahmen weglässt.
Ersetze also dies...
1
2
3
4
5
6
7
8
9
|
<cc:if cond="¶.properties.design.paragraph.picture.panorama.number = 1">
<figure class="sqrfig">
</cc:if>
<cc:if cond="¶.properties.design.paragraph.picture.panorama.number = 2">
<figure class="sqrfigfwr">
</cc:if>
<cc:if cond="¶.properties.design.paragraph.picture.panorama.number = 3">
<figure class="sqrfigfwl">
</cc:if>
|
...durch dies...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<cc:if cond="¶.properties.design.ws.picborder">
<cc:if cond="¶.properties.design.paragraph.picture.panorama.number = 1">
<figure class="sqrfigwithout">
</cc:if>
<cc:if cond="¶.properties.design.paragraph.picture.panorama.number = 2">
<figure class="sqrfigfwrwithout">
</cc:if>
<cc:if cond="¶.properties.design.paragraph.picture.panorama.number = 3">
<figure class="sqrfigfwlwithout">
</cc:if>
<cc:else>
<cc:if cond="¶.properties.design.paragraph.picture.panorama.number = 1">
<figure class="sqrfig">
</cc:if>
<cc:if cond="¶.properties.design.paragraph.picture.panorama.number = 2">
<figure class="sqrfigfwr">
</cc:if>
<cc:if cond="¶.properties.design.paragraph.picture.panorama.number = 3">
<figure class="sqrfigfwl">
</cc:if>
</cc:if>
|
5)
Dasselbe machst Du dann auch in der Datei sidebar_picture.ccml.
Ersetze also dies...
1
|
<figure class="sqrfig">
|
...durch dies...
1
2
3
4
5
|
<cc:if cond="&mysidebar.properties.design.ws.sidebar.picborder">
<figure class="sqrfigwithout">
<cc:else>
<figure class="sqrfig">
</cc:if>
|
6)
Und für die Absatzbilder macht man dies in der page.ccml.
Ersetze also dies...
1
2
3
4
5
|
<cc:if cond="¶.properties.design.paragraph.sidepicture.align.number=2">
<figure class="sqrfigl">
<cc:else>
<figure class="sqrfigr">
</cc:if>
|
...durch dies...
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<cc:if cond="¶.properties.design.paragraph.sidepicture.align.number=2">
<cc:if cond="¶.properties.design.ws.picborder">
<figure class="sqrfiglwithout">
<cc:else>
<figure class="sqrfigl">
</cc:if>
<cc:else>
<cc:if cond="¶.properties.design.ws.picborder">
<figure class="sqrfigrwithout">
<cc:else>
<figure class="sqrfigr">
</cc:if>
</cc:if>
|
7)
Und zum Schluss musst Du nun die neu zu verwendenden "without"-Klassen noch in der style_content.css zur Verwendung angeben.
Füge also in diesem Abschnitt
<cc:*> Picture </cc:*>
1
2
3
4
5
6
|
.sqrfigwithout, .sqrfiglwithout, .sqrfigrwithout {
box-sizing: border-box;
display: block;
font-style: italic;
color: <cc:print value="&site.properties.design.boxcolor">;
}
|
hinzu:
Die neu zu verwenden Klassen musst Du nun auch noch den anderen aufgeführten relevanten Abschnitten mitteilen, also jeweils auch noch die "without"-Klassen anhängen...!
Und zum Schluss muss dies natürlich auch weiter unten den media-queries noch mitgeteilt werden, dort also ebenfalls angehängt werden...!
Wenn Du jetzt das Programm neu startest, dann solltest Du sowohl im Content wie auch in der Sidebar wählen können, ob Du die Bilder (Grafik oder Absatzbild) im Absatz mit oder ohne Rahmen willst.
Ergänzend dazu könnte man dieselbe Prozedur dann natürlich auch noch für Bilder in den Tabellen etc. etc. machen...
Solltest Du tatsächlich nur die Lösung für das Absatzbild benötigen, dann kannst Du die Schritte 1 und 2 weg lassen, von Schritt 3 nur die erste Codezeile hinzufügen, die Schritte 4 und 5 wieder weg lassen, aber die Schritte 6 und 7 wieder erledigen...
Diese Lösung ist im Moment noch ungetestet, das muss ich erst noch machen...
...und somit hoffe ich, dass ich keine Fehler gemacht habe, aber das sollte es gewesen sein...