Jump to content

CSS aus einem Modul auslagern.


Recommended Posts

Hallo liebe Leute,

 

ich habe ein Modul installiert welchses sich partsfilter nennt.

 

Im Modul sind die CSS Anweisungen leider in den tpl Dateien eingefügt.

 

Hat kemand eine Idee, wie ich diese CSS Befehle in die globale css Datei einfüge.

 

Habe diese rauskopiert und in die global.css eingefügt.

Funktioniert leider nicht.

 

Muß ich im Modul irgendwo noch eingeben, wo er seine css Befehle herholen soll?

 

Prestashop Version 1.6.1.11

 

------------------------------

 

Quellcode vom Script:

 

<div class="block" >
  <p class="title_block">{if isset($header_text)}{$header_text}{/if}</p>
  <div style="position:relative;" id="mmy">
    <div id="mmy_process"><img src="{if isset($base_url_module)}{$base_url_module}{/if}views/img/loder.gif" alt="loader"></div>
    <div class="form-group">
        {if $hide_filter_label eq 0}
        <label for="mmyMake">{if isset($make_text)}{$make_text}{/if}</label>
        {/if}
        <select id="mmyMake" onchange="getModelData(this.value);">
            <option value="">{if isset($make_ddl_default_text)}{$make_ddl_default_text}{/if}</option>
            {foreach from=$make_data item=foo}
                {if $make_id eq $foo.mid}
                    <option selected="selected" value="{$foo.mid}">{$foo.name}</option>
                {else}
                    <option value="{$foo.mid}">{$foo.name}</option>
                {/if}
            {/foreach}
        </select>
    </div>
    <div class="form-group">
        {if $hide_filter_label eq 0}
        <label for="mmyModel">{if isset($model_text)}{$model_text}{/if}</label>
        {/if}
        <select id="mmyModel" {if $model_xhtml eq ''} disabled {/if} onchange="loadYear(this.value);">
           <option value="">{if isset($model_ddl_default_text)}{$model_ddl_default_text}{/if}</option>
           {if $model_xhtml neq ''}{$model_xhtml}{/if}
        </select>
    </div>
    <div class="form-group">
        {if $hide_filter_label eq 0}
        <label for="mmyYear">{if isset($year_text)}{$year_text}{/if}</label>
        {/if}
        <select id="mmyYear"  {if $year_html eq ''} disabled {/if}>
          <option value="">{if isset($year_ddl_default_text)}{$year_ddl_default_text}{/if}</option>
          {if $year_html neq ''}{$year_html}{/if}
        </select>
    </div>
    <div class="form-group">
        <button class="btn btn-success" onclick="filterData();">{if isset($filter_button_text)}{$filter_button_text}{/if}</button>
    </div>
  </div>
</div>
<script type="text/javascript">
function getModelData(makeid){
    if(makeid != ''){
        $("#mmy_process").show();
        var post_url = "{if isset($base_url_module)}{$base_url_module}{/if}getAjaxData.php";
        $.ajax({
            type: "POST",
            url: post_url,
            data: 'makeid=' + makeid,
            success: function(response) {
                if(response != '-99'){
                    $("#mmyModel").html(response);
                    $("#mmyModel").val('');
                    $("#mmyYear").val('');
                    $("#mmyModel").prop('disabled', false);
                    $("#mmyYear").prop('disabled', true);
                }
                else{
                    alert('Wrong Request');
                    $("#mmyModel").prop('disabled', true);
                    $("#mmyYear").prop('disabled', true);
                }
                $("#mmy_process").hide();
            },
        });
    }
    else{
        alert('{if isset($make_required)}{$make_required}{/if}');
        $("#mmyModel").prop('disabled', true);
        $("#mmyYear").prop('disabled', true);
        $("#mmyModel").val('');
        $("#mmyYear").val('');
    }
}
    
function loadYear(modelid){
    if(modelid != ''){
        $("#mmy_process").show();
        var post_url = "{if isset($base_url_module)}{$base_url_module}{/if}getAjaxData.php";
        $.ajax({
            type: "POST",
            url: post_url,
            data: 'modelid=' + modelid + '&makeid=' + $("#mmyMake").val(),
            success: function(response) {
                if(response != '-99'){
                    $("#mmyYear").html(response);
                    $("#mmyYear").val('');
                    $("#mmyYear").prop('disabled', false);
                }
                else{
                    alert('Wrong Request');
                    $("#mmyYear").prop('disabled', true);
                }
                $("#mmy_process").hide();
            },
        });
    }
    else{
        alert('{if isset($model_required)}{$model_required}{/if}');
        $("#mmyYear").prop('disabled', true);
        $("#mmyYear").val('');
    }
}
function filterData(){
 var bcon = true;
 if($("#mmyMake").val() == ''){
     alert('{if isset($make_required)}{$make_required}{/if}');
    bcon = false;
 }
 {if $validate_required eq 1}
     if($("#mmyModel").val() == ''){
        alert('{if isset($model_required)}{$model_required}{/if}');
        bcon = false;
     }
     else if($("#mmyYear").val() == ''){
        alert('{if isset($year_required)}{$year_required}{/if}');
        bcon = false;
     }
 {/if}
 if(bcon){
     var url = '';
    if($("#mmyMake").length > 0 && $("#mmyMake").val() != ''){
        url = "{if isset($filter_url)}{$filter_url}{/if}&make=" + $("#mmyMake").val() + '&parts_make=' + $("#mmyMake :selected").text();
    }
    if($("#mmyModel").length > 0 && $("#mmyModel").val() != ''){
        url = "{if isset($filter_url)}{$filter_url}{/if}&make=" + $("#mmyMake").val() + '&parts_make=' + $("#mmyMake :selected").text() + '&model=' + $("#mmyModel").val() + '&parts_model=' + $("#mmyModel :selected").text();
    }
    if($("#mmyModel").length > 0 && $("#mmyModel").val() != ''){
        url = "{if isset($filter_url)}{$filter_url}{/if}&make=" + $("#mmyMake").val() + '&parts_make=' + $("#mmyMake :selected").text() + '&model=' + $("#mmyModel").val() + '&parts_model=' + $("#mmyModel :selected").text() + '&year=' + $("#mmyYear").val() + '&parts_year=' + $("#mmyYear :selected").text();
    }
    window.location.href = url;
 }
}
</script>
<style type="text/css">
#mmy td{
    padding:2px 10px;
}
#mmy select {
    background: none repeat-x scroll 0 0 #ffffff;
    border: 1px solid #d1c7ac;
    color: #333333;
    height: 28px;
    padding: 3px;
    width:100%;
}
#mmy select:focus {
    border-color: rgba(38, 155, 201, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(38, 155, 201, 0.6);
    outline: 0 none;
}
#mmy_process {
    position:absolute;
    padding-left:40%;
    padding-top:20%;
    z-index:9;
    display:none;
}
</style>
 

Link to comment
Share on other sites

Wenn es sich um ein Kaufmodul handelt, bin ich nicht sicher, ob du so einen umfangreichen Codepart veröffentlichen solltest.

 

Eigentlich sollten die css-Anweisungen auch in der global.css funktionieren, vielleicht hast du beim Einfügen einen Fehler gemacht oder die Caches nicht gelöscht.

Link to comment
Share on other sites

Habe die CSS vom Modul in die Global.css eingefügt. Cache geleert.

Allerdings wird es im cache/V_2322323......_all.css nicht aktualisiert.

 

Wie kann ich die Css im Templatecache neu generieren, so dass die EIngaben im global.css übernommen werden?

Link to comment
Share on other sites

Also mal deinen Shop (ich gehe davon aus dein Name mit de) aufgerufen, da werden die CSS-Dateien aus dem Cache aufgerufen, ergo kann der Cache nicht vollständig gelöscht und das css- / Stylesheet-Caching nicht deaktiviert sein, vielleicht gibt es da ja eine Funktion bei deinem Provider?

 

Ist das ganze eigentlich so wichtig, um sich darüber lange den Kopf zu zerbrechen? Eigentlich ist es doch egal, wo die paar Zeilen css stecken ...

Link to comment
Share on other sites

Abgesehen von der unnötigen arbeit, kommt ein update deines Moduls ist der Code evtl. wieder in der .tpl.

Wenn du den Code verändert haben solltest, welcher wird dann genommen, dein veränderter oder der neue?

Ich würde es so lassen wie es ist und auch darin die Änderungen vornehmen und diese protokollieren.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...