WebSite X5Help Center

 
Pc Win
Pc Win
User

Html su pagina cerca prodotti  it

Auteur : Pc Win
Visité 218, Followers 2, Partagé 0  

ciao a tutti

chiedevo se è possibile inserire un oggetto html all'inizio della pagina ecommerce ricerca. Vorrei mantenere la grafica del sito (ma anche selezionando di usare una pagina senza mantenerla, non vedo l'opzione che cerco) e credendo appunto che non sia possibile inserire un oggetto direttamente, forse con del codice si può fare in modo di avere a disposizione questa opzione; è per mettere un titolo ad inizio pagina, magari con anche un'immagine....

ovvero, una volta che io ho un codice da inserire, lo metto alla sezione esperto? può essere? ma per farlo apparire in alto?

spero di essere stato chiaro

grazie a chi potrà aiutarmi

Fabio

Posté le
15 RéPONSES - 1 UTILES
Pc Win
Pc Win
User
Auteur

grazie Giancarlo

vado a vedere se combino qualche cosa di utile

Fabio

Lire plus
Posté le de Pc Win
Pc Win
Pc Win
User
Auteur

ciao a tutti

sono riuscito nell'intento ma non riesco a capire come far in modo che l'immagine inserita sia lunga come tutta la pagina. Essa è larga 1920 px ed ho provato anche con una più piccola, ma comunque non va ad occupare tutta la larghezza.

Le impostazioni del codice mi fanno vedere diversi campi di "width" e mi sembra che siano impostate al 100%

questa pagina non è on line però posso postare qui il codice che ho implementato grazie a voi.

Fabio

<script>
$( document ).ready(function() { //K>;
/** immagine extra x corpo cartserach WSx5 responsive by KolAsim **/
imgK = 'https://www.atom-srl.it/ttt.jpg'
headerHK = 56; // 56 = altezza header;
bannerHK = 56 ; // altezza assegnata al banner;
//---------------------------------------------
divK = '<div id = "divK" style = "background: url('+imgK+');background-positionX: center center;'+
'background-repeat: no-repeat;background-position: center center; background-size: cover ;'+
' position:absolute;width:100%;height:'+bannerHK+'px;border-radius:5px;top:-'+bannerHK+'px"></div>';
setTimeout(function(){//K1>;
$("#im-cartsearch-container").append(divK);
$("#im-cartsearch-container").wrap('<div id ="wrapK" style = "position:relative;'+
'width:100%;height:100%;top:'+(bannerHK+2)+'px"></div>'); // +2 = margine da header;
$(" #im-cartsearch-container").css("padding","0px").css("margin","0px")
$("#imFooter").css("position","relative").css("top", bannerHK+"px");
$("#imFooterBg").css("bottom",-bannerHK+"px");
}, 2000); //K1<<;
}); //K<<;
</script>

Lire plus
Posté le de Pc Win
Giancarlo B.
Giancarlo B.
User

la tua immagini ha le dimensioni per coprire tutta la larghezza?

Lire plus
Posté le de Giancarlo B.
Giancarlo B.
Giancarlo B.
User

forse intendi che sta dentro al corpo della pagina

Lire plus
Posté le de Giancarlo B.
Pc Win
Pc Win
User
Auteur

direi di sì, è di 1920 px ma se metto un'altra immagine più piccola, arriva sempre ad essere un pelo più lunga delle maschere del campo di ricerca e la prima scheda

ho anche un altro codice, potrebbe disturbare? Serve a far allargare le voci del campo di ricerca

<style>
#im-cartsearch-container .filter-sidebar {
transition: opacity 1s ease;
min-width: 300px !important;
max-width: 800px !important;
width: 100%;
}
</style>

Lire plus
Posté le de Pc Win
Pc Win
Pc Win
User
Auteur

così è più comprensibile...

Lire plus
Posté le de Pc Win
Giancarlo B.
Giancarlo B.
User

il codice è per im-cartsearch-container

Lire plus
Posté le de Giancarlo B.
Pc Win
Pc Win
User
Auteur

sì nache perchè avevo provato a toglierlo, giusto per....

bah

Lire plus
Posté le de Pc Win
Pc Win
Pc Win
User
Auteur

sì nache perchè avevo provato a toglierlo, giusto per....

bah

Lire plus
Posté le de Pc Win
Giancarlo B.
Giancarlo B.
User

bisogna rimodulare il codice per farlo entrare in #imPageIntContainer ma sotto al menù header

Lire plus
Posté le de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois FRMeilleur utilisateur du mois PL

... c'è pagina e pagina, con possibili interpretazioni diverse; ...il suggerimento di Giancarlo  funziona nei due siti presi in considerazione con struttura simile nel Topic indicato...

... se ti interessa poter valutare devi postare il LINK della tua pagina online e senza codici che disturbino...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois FRMeilleur utilisateur du mois PL

... putroppo, non so se voluto,  hai chiuso il Topic con il "corretto"...

... se per caso posterai il tuo LINK, lo valuterò e tornerò comunque qui per la soluzione...

... in ogni caso sarà semplice e dipenderà dai selettori in gioco ...

... ciao ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pc Win
Pc Win
User
Auteur

in realtà prima di impostarlo come corretto avevo messo una risposta, che non trovo...quindi mi sono sognato di averla pubblicata...vabbè

riapro così appena sarò pronto ri chiederò aiuto.

grazie ad ambedue

Fabio

Lire plus
Posté le de Pc Win
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois FRMeilleur utilisateur du mois PL

... OK ... quando vedrò il LINK tornerò qui ... 

Lire plus
Posté le de  ‪ KolAsim ‪ ‪