Html su pagina cerca prodotti 
Autor: Pc Win
Visited 855,
Followers 2,
Udostępniony 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
Posted on the
oggetti no, ma con codice si, forse ti è utile questo post
https://helpcenter.websitex5.com/pl/post/263738
Autor
grazie Giancarlo
vado a vedere se combino qualche cosa di utile
Fabio
Autor
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>
la tua immagini ha le dimensioni per coprire tutta la larghezza?
forse intendi che sta dentro al corpo della pagina
Autor
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>
Autor
così è più comprensibile...
il codice è per im-cartsearch-container
Autor
sì nache perchè avevo provato a toglierlo, giusto per....
bah
Autor
sì nache perchè avevo provato a toglierlo, giusto per....
bah
bisogna rimodulare il codice per farlo entrare in #imPageIntContainer ma sotto al menù header
... 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...
.
... 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 ...
.
Autor
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
... OK ... quando vedrò il LINK tornerò qui ...