Løst Har brug for hjælp til noget kode

Daniel79 · October 13, 2014

Jeg har også skrevet indlægget på det engelsk forum her men har ikke fået noget hjælp, og det er ved at være lidt kritisk med tiden nu, derfor håber jeg der er nogen af jer der kan hjælpe.

Jeg bruger PS 1.6 og default-bootstrap.

På min side der endnu ikke er live, kræver det adgang for at hjælpe lukker jeg gerne op, bare sig til.

Hele historien

Selve problemet består i at jeg har nogle hovedkategorier der indeholder x antal underkategorier.

Disse underkategorier skal indeholde et billed, så når man trykker på hovedkategorien og får en oversigt over de underkategorier der er tilknyttet hovedkategorien, så har underkategorierne hver et unikt billede.

Jeg har gjort således i back enden, Katalog > Kategorier > Hoved Kategori > Tryk Edit på Under kategori > Tilføj et billede under Billede > Gem.

Det virker for så vidt fint, men dette nye billede bliver efterfølgende også vist når man efterfølgende trykker på under kategorien der hvor Beskrivelsen af under kategorien står, hvis man har tilføjet sådan en.

Jeg har efterfølgende været inde på min FTP og ændret lidt i themes > category.tpl

Sådan så det ud.

<!-- Category image -->
                   <div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) right center no-repeat; background-size:cover; min-height:{$categorySize.height}px;"{/if}>
                        {if $category->description}
                            <div class="cat_desc">
                            <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                     </div>
                  {/if}
            </div>

Ændret til.

<!-- Category image -->
                    <div class="content_scene_cat_bg" style="background-size:cover; min-height:{$categorySize.height}px;">
						{if $category->description}
							<div class="cat_desc">
							<span class="category-name">
								{strip}
									{$category->name|escape:'html':'UTF-8'}
									{if isset($categoryNameComplement)}
										{$categoryNameComplement|escape:'html':'UTF-8'}
									{/if}
								{/strip}
							</span>
							{if Tools::strlen($category->description) > 350}
								<div id="category_description_short" class="rte">{$description_short}</div>
								<div id="category_description_full" class="unvisible rte">{$category->description}</div>
								<a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
							{else}
								<div class="rte">{$category->description}</div>
							{/if}
							</div>
						{/if}
					</div>

Det gør at billedet ikke bliver vist når man er inde på selve underkategorien.

Mit problem nu

Se det vedhæftet billed...

Billedet bliver ikke vist mere, det er fint. Til gengæld er beskrivelses feltet blevet fuld størrelse, hvor den tidligere tilpasset til til indholdet. Som man kan se på billedet har jeg kun 1 linie indhold i min beskrivelse og baggrunden (det mørkegrå felt) burde være langt mindre.

Er der nogen af jer der kan hjælpe mig med at få rettet koden til så den igen tilpasser sig efter indholdet.

Jeg kunne forstille mig det er noget indhold i første linie fra det første stump kode der skal tilføjes den sidste stump kode.... Men hvad ?

Edited October 13, 2014 by Daniel79 (see edit history)

nsordk · October 13, 2014

Det ser ud som om der er noget css der tvinger det til den størrelse, men jeg kan ikke være 100% med mindre jeg har adgang til selve siden.

Daniel79 · October 13, 2014

Det ser ud som om der er noget css der tvinger det til den størrelse, men jeg kan ikke være 100% med mindre jeg har adgang til selve siden.

Jeg har ikke ændret noget som helst i CSSen, der er kun lavet den ene ændring i category.tpl

nsordk · October 13, 2014

Du skal finde følgende kode som tvinger højden til at være 217px

<div class="content_scene_cat_bg" style="background-size:cover; min-height:217px;">
  <div class="cat_desc"> 
    <span class="category-name"> Pasta farver </span>
    <div class="rte"><p>test tekst</p></div>
  </div>
</div>

Hvis du ændrer min-height til 0px så skulle det løse det.

Daniel79 · October 13, 2014

Du skal finde følgende kode som tvinger højden til at være 217px
<div class="content_scene_cat_bg" style="background-size:cover; min-height:217px;">
  <div class="cat_desc"> 
    <span class="category-name"> Pasta farver </span>
    <div class="rte"><p>test tekst</p></div>
  </div>
</div>
Hvis du ændrer min-height til 0px så skulle det løse det.

Men det er jo så i en eller anden CSS fil ikke ?

nsordk · October 13, 2014

Når der er html, så er det i en template, jeg gætter på det er i din category.tpl

nsordk · October 13, 2014

Glemte at tilføje, selvom det ikke er pæn kodning så kunne du i category.css tilføje:

.content_scene_cat_bg { min-height: 0 !important; }

!important fortæller at denne er vigtigere, så derfor vil den anden min-height blive nedprioriteret.

Daniel79 · October 13, 2014

Hmm synes sgu ikke jeg kan finde noget som helst der minder om 217 px

Det eneste jeg kan finde med min-height er linie 48 men der står jo ikke de 217 px.

!-- Category image -->
                    <div class="content_scene_cat_bg" style="background-size:cover; min-height:{$categorySize.height}px;">
						{if $category->description}
							<div class="cat_desc">
							<span class="category-name">
								{strip}
									{$category->name|escape:'html':'UTF-8'}
									{if isset($categoryNameComplement)}
										{$categoryNameComplement|escape:'html':'UTF-8'}
									{/if}
								{/strip}
							</span>
							{if Tools::strlen($category->description) > 350}
								<div id="category_description_short" class="rte">{$description_short}</div>
								<div id="category_description_full" class="unvisible rte">{$category->description}</div>
								<a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
							{else}
								<div class="rte">{$category->description}</div>
							{/if}
							</div>
						{/if}
					</div>

Glemte at tilføje, selvom det ikke er pæn kodning så kunne du i category.css tilføje:

.content_scene_cat_bg { min-height: 0 !important; }

!important fortæller at denne er vigtigere, så derfor vil den anden min-height blive nedprioriteret.

Jeg ville helst lave det på den "rigtige" måde hvis det er muligt, jeg kan så bare ikke finde ud af det

nsordk · October 13, 2014

Det er denne linie:

<div class="content_scene_cat_bg" style="background-size:cover; min-height:{$categorySize.height}px;">

min-height:{$categorySize.height}px kan du fjerne eller udkommentere.

Edited October 13, 2014 by nsordk (see edit history)

Daniel79 · October 13, 2014

Det er så fedt, mange tak for hjælpen, det hjalp og nu er jeg meget glad

nsordk · October 13, 2014

Kender det alt for godt. Glad for at kunne hjælpe

*Løst* Har brug for hjælp til noget kode

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Løst Har brug for hjælp til noget kode