[sonny]

Ciao a tutti, ho cambiato sfondo, larghezza e tutto quello che mi serviva, ma come si centra tutto il negozio? vorrei lasciare il negozio centrale e due colonne laterali di uguale larghezza, non c'è un tag simile a "center" ? in caso positivo dove andrebbe inserito? grazie

[cionfs]

Non credo di aver capito bene cosa vuoi fare.

Per le due colonne laterali vai in Configurazione>Settaggi Layout e imposta la larghezza della colonna di sinistra e di destra.
Il restante spazio dal "totale" verrà applicato alla colonna centrale.

[sonny]

Ciao, grazie per la risposta, ma ho un dubbio, in questo modo la posizione del "totale" non sarà sempre centrale, se un visitatore ha un monitor 16:9 ed un altro un 4:3 ed entrambi con risoluzioni diverse vedranno l'immagine in maniera diversa, non c'è un modo per visualizzare la colonna centrale sempre centrata? grazie.

[cionfs]

Se metti a tutto, e non solo alla colonna centrale, il centramento dovrebbe andare.

Postami il file CSS che utilizzi.

[sonny]

Cambiati tutti, niente da fare :-(
--------messaggio unito in automatico--------------
/**
* Main CSS Stylesheet
*
* @package templateSystem
* @copyright Copyright 2003-2006 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: stylesheet.css 138 2008-01-27 SandroCarniel $
*/
body {margin: 0 auto; font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%; color: #000000; background-color: #000000; }
a img {margin: 0 auto; border: none; }
a:link, #navEZPagesTOC ul li a { color: #0000cc; text-decoration: none; }
a:visited { color: #0000cc; text-decoration: none; }
a:hover, #navEZPagesTOC ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover { color: #bb0000; }
a:active { color: #0000cc; }

h1 { font-size: 1.5em; color: #bb0000; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{ font-size: 1.1em; }
.biggerText { font-size: 1.2em; }
h1, h2, h3, h4, h5, h6 { margin: 0.2em 0 0 0; }

#indexDefaultHeading { } /* per scritta Zen Cart, E-commerce su misura */
.greeting{margin: 0 auto; text-align : center; font-size: 1.1em; margin: 1.2em 0 1.2em 0;} /* per scritta Benvenuto e buona navigazione */
/* Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p { position: relative; }
*html .centerColumn { height: 1%; }
*/
CODE { font-family: arial, verdana, helvetica, sans-serif; font-size: 1em; }
FORM, SELECT, INPUT { display: inline; font-size: 1em; margin: 0.1em; }
TEXTAREA {margin: auto; display: block; width: 95%; }
input:focus, select:focus, textarea:focus { background: #FFFFCC; }
FIELDSET { padding: 0.5em; margin: 0.5em 0em; border: 1px solid #cccccc; }
LEGEND { font-weight: bold; padding: 0.3em; }
LABEL, h4.optionName { line-height: 1.5em; padding: 0.2em; }
LABEL.checkboxLabel, LABEL.radioButtonLabel { margin: 0.5em 0.3em; }
LABEL.inputLabel { width: 10em; float: left; }
LABEL.inputLabelPayment { width: 14em; float: left; padding-left: 2.5em; }
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width: 11em; float: left; }
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents,
.centerBoxContentsAlsoPurch, .attribImg {margin: 0 auto; float: left; }
#checkoutPayment LABEL.radioButtonLabel {margin: 0 auto; font-weight: bold; }
P, ADDRESS { padding: 0.5em; }
ADDRESS { font-style: normal; }
.clearBoth { clear: both; }
HR { height: 1px; margin: 0 auto; border: none; border-bottom: 1px solid #9a9a9a; }
/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution
{ line-height: 1.8em; padding: 0.2em; border: 1px solid #9a9a9a; }
.messageStackWarning, .messageStackError { background-color: #ff0000; color: #ffffff; }
.messageStackSuccess { background-color: #99FF99; color: #000000; }
.messageStackCaution { background-color: #FFFF66; color: #000000; }
/*wrappers - page or section containers - controllo dimensione dello schermo */
#mainWrapper { margin: 0 auto; background-color: #ffffff; text-align: left; width: 980px; vertical-align: top; /*border: 1px solid #aeaeae; */}
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul,
#ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage { margin: 0 auto; padding: 0em; }
#logoWrapper{margin: 0 auto; background-image: url('../images/header_bg.jpg'); background-repeat: no-repeat; background-color: #ffffff; height:64px; background-position : right 50%; }
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper { margin: 5.5em; }
#navColumnOneWrapper, #navColumnTwoWrapper { margin-left: 0.5em; margin-right: 0.5em; }
#tagline { color:#000000; font-size: 1.5em; text-align : center; vertical-align: middle; padding-top : 26px; }
#sendSpendWrapper { /*border: 1px solid #cacaca;*/ float: right; margin: 0em 0em 1em 1em; background-color : #ffffcc; }
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto,
#navEZPagesTOCWrapper { margin: 0; width: 47%; }
.wrapperAttribsOptions { margin: 0.3em 0em; }
/*navigation*/
.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter { margin: 0em; font-size: 0.9em; }
.navNextPrevList { display: inline; white-space: nowrap; margin: 0; padding: 0.5em 0em; list-style-type: none; }
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0 auto; background-color: #bb0000; background-image: url('../images/tile_back.gif');
font-weight: bold; color: #ffffff; height: 1%; padding-left:0.2em; padding-right:0.2em; padding-top:0.5em; padding-bottom:0.5em }
#navCatTabsWrapper {margin: 0 auto; background-color: #ffffff; color: #666666; background-image:url('none');}
#navMain ul, #navSupp ul, #navCatTabs ul { margin: 0; padding: 0em 0em 0em 0em; list-style-type: none;
text-align: center; line-height: 1.5em; }
#navMain ul li, #navSupp ul li, #navCatTabs ul li {margin: 0 auto; display: inline; }
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {margin: 0 auto; text-decoration: none; padding: 0em 0.5em;
margin: 0; color: #ffffff; white-space: nowrap; }
#navCatTabs ul li a { color: #666666; }
#navEZPagesTOCWrapper {margin: 0 auto; font-weight: bold; float: right; height: 1%; border: 1px solid #9a9a9a; }
#navEZPagesTOC ul { margin: 0 auto; padding: 0.5em 0em; list-style-type: none; line-height: 1.5em; }
#navEZPagesTOC ul li { white-space: nowrap; }
#navEZPagesTOC ul li a { padding: 0em 0.5em; margin: 0; }
#navCategoryIcon, .buttonRow, #indexProductListCatDescription { margin: 0.5em; }
#navMainSearch { float: right; }
#navBreadCrumb { padding: 0.5em 0.5em; background-color: #ffffff; font-size: 0.95em; font-weight: bold; margin: 0em; }
#navEZPagesTop { background-color: #fcd804; font-size: 1.0em; font-weight: bold; margin: 0em; padding: 0.5em; }
#navColumnOne, #navColumnTwo { background-color: transparent; }
/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents,
.categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch,
.centerBoxContentsFeatured, .centerBoxContentsNew, .alert { margin: 0 auto; vertical-align: top; }
/*.content,*/
#productDescription, .shippingEstimatorWrapper { /*font-size: 1.2em;*/ padding: 0.5em; }
.alert { color: #FF0000; margin-left: 0.5em; }
.advisory {}
.important { font-weight: bold; }
.notice {}
.rating{}
.gvBal { float: right; }
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix { padding: 0.5em; }
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { font-size: 0.9em; }
/*Shopping Cart Display*/
#cartAdd { float: right; text-align: center; margin: 1em; border: 1px solid #000000; padding: 1em; }
.tableHeading TH { border-bottom: 1px solid #9a9a9a; }
.tableHeading, #cartSubTotal { background-color: #e9e9e9; }
#cartSubTotal { border-top: 1px solid #cccccc; font-weight: bold; text-align: right; line-height: 2.2em; padding-right: 2.5em; }
.tableRow, .tableHeading, #cartSubTotal { height: 2.2em; }
.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate,
.cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay { padding: 0.5em 0em; }
.cartUnitDisplay, .cartTotalDisplay { text-align: right; padding-right: 0.2em; }
#scUpdateQuantity { width: 2em; }
.cartQuantity { width: 4.7em; }
.cartNewItem { color: #33CC33; position: relative; /*do not remove-fixes stupid IEbug*/ }
.cartOldItem { color: #660099; position: relative; /*do not remove-fixes stupid IEbug*/ }
.cartBoxTotal { text-align: right; font-weight: bold; }
.cartRemoveItemDisplay { width: 3.5em; }
.cartAttribsList { margin-left: 1em; }
#mediaManager { width: 50%; margin: 0.2em; padding: 0.5em; background-color: #f5f5f5; border: 1px solid #cc0000; }
.mediaTitle { float: left; } /* vs 138 */
.mediaTypeLink { float: right; } /* vs 138 */

.normalprice, .productSpecialPriceSale { text-decoration: line-through; }
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount { color: #ff0000; }
.orderHistList { margin: 1em; padding: 0.2em 0em; list-style-type: none; }
#cartBoxListWrapper ul, #ezPageBoxList ul { list-style-type: none; }
#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal { margin: 0; padding: 0.2em 0em; }
#cartBoxEmpty, #cartBoxVoucherBalance { font-weight: bold; }
.totalBox { width: 5.5em; text-align: right; padding: 0.2em; }
.lineTitle, .amount { text-align: right; padding: 0.2em; }
.amount { width: 5.5em; }
/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage,
#reviewWriteMainImage { margin: 0em 1em 1em 0em ; }
.categoryIcon {}
#cartImage { margin: 0.5em 1em; }
/*Attributes*/
.attribImg { width: 20%; margin: 0.3em 0em;}
.attributesComments {}
/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials,
.centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew { margin: 1em 0em; }
.centerBoxWrapper { border: 1px solid #fcd804; height: 1%; margin: 1.1em 0; }
h2.centerBoxHeading { font-size: 1.1em; color: #0000cc; }
/*sideboxes*/
.columnLeft {}
h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a { font-size: 1em; color: #ffffff; }
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading,
#searchHeading, #search-headerHeading { font-size: 0.9em; color: #ffffff;}
.leftBoxHeading, .rightBoxHeading { margin: 0em; background-color: #cc6600;
background-image: url('../images/tile_back.gif'); padding-left:0.2em; padding-right:0.2em; padding-top:0.4em; padding-bottom:0.4em }
.centerBoxHeading { margin: 0em; background-color: #fcd804; padding: 0.4em 0.2em 0.4em 0.2em; }
.leftBoxContainer, .rightBoxContainer { margin: 6px 0px 6px 0px; border: 1px solid #cc6600; border-bottom: 1px solid #cc6600; }
.sideBoxContent { background-color: #ffffff; padding: 0.4em; }
h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover, #navMain ul li a:hover { color: #fcd804; text-decoration: none; }
.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited, a.productListing-heading { color: #FFFFFF; }
.centeredContent, th, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading, .rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, label#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align: center; }
#bestsellers .wrapper { margin: 0em 0em 0em 1.4em; }
#bestsellers ol { padding: 0; margin-left: 1.1em; }
#bestsellers li { padding: 0; margin: 0.3em 0em 0.3em 0em; }
#bannerboxContent { /*background-color: #ffff99;*/} /* prova a decommentare e guarda */
#upProductsHeading { text-align: left; }
#upDateHeading { text-align: right; }
/* categories box parent and child categories */
A.category-top, A.category-top:visited { color: #006600; text-decoration: none; }
A.category-links, A.category-links:visited { color: #0000cc; text-decoration: none; }
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited { color: #bb0000; text-decoration: none; }
SPAN.category-subs-parent { font-weight: bold; }
SPAN.category-subs-selected { font-weight: bold; }
/* end categories box links */
/*misc*/
.back { float: left; }
.forward, #shoppingCartDefault #PPECbutton { float: right; }
.bold { font-weight: bold; }
.rowOdd { background-color: #E8E8E8; height: 1.5em; vertical-align: top; }
.rowEven { background-color: #F0F0F0; height: 1.5em; vertical-align: top; }
.hiddenField { display: none;}
.visibleField { display: inline;}
CAPTION { /*display: none;*/ }
#myAccountGen li, #myAccountNotify li { margin: 0; }
.accountTotalDisplay, .accountTaxDisplay { width: 20%; text-align: right; /*vertical-align: top*/ }
.accountQuantityDisplay { width: 10%; vertical-align: top }
TR.tableHeading { background-color: #cc0000; height: 2em; color: #FFFFFF;}
.productListing-rowheading { background-color: #bb0000; background-image: url('../images/tile_back.gif'); height: 2em; color: #FFFFFF }
.productListing-odd, .productListing-even, .listingProductImage { padding: 2px 0px 2px 0px; }
#siteMapList { width: 90%; float: right; }
.ratingRow { margin: 1em 0em 1.5em 0em; }
LABEL#textAreaReviews { font-weight: normal; margin: 1em 0em; }
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp,
#popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart { background-color: #ffffff; }
#siteinfoLegal { margin: 1em 0em 1.4em 0em; }
.information {padding: 10px 3px; line-height: 150%;}
#shoppingcartBody #shippingEstimatorContent {
clear: both;
}
.seDisplayedAddressLabel {
background-color:#85C285;
text-align: center;
}
.seDisplayedAddressInfo {
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
#seShipTo {
padding: 0.2em;
}

[cionfs]

ma utilizzi lo stile di default?

[sonny]

Si, mi sono occupato solo dell'over-ride , ho rinominato le cartelle classic col nome del mio template, per il resto ho lasciato tutto così com'era. Faccio male? il layout mi piace però capisco che uso solo 4 BOX (gli altri li ho disabilitati) ed ho il codice sporchissimo, consigli? grazie mille.

[cionfs]

Il template di default è, solitamente, centrato. Hai provato a rifare l'upload della sola cartella classic per vedere se qualcosa si è "perso per strada"?

[sonny]

La cartella classic inizialmente l'avevo rinominata in mio_template (così tutte le altre cartelle classic), inizio a pensare che ho sbagliato procedura, non ho capito bene come funziona l'over-ride. Se adesso faccio l'upload della cartella classic, e vado in admin/gestione_template zencart riconosce classic come un altro template (però questo è centrato) :-). Quindi, esiste un modo per fare l'aggiornamento che hai proposto tu senza intaccare le mie personalizzazioni, e poi un'altra cosa, nel mio negozio userò solamente 4 BOX c'è un modo per rendere il codice più pulito? grazie mille.

[cionfs]

Bè personalizza il template di default (classic) eliminando tutto.

Il template "classic", se elimini ciò che non ti serve dal pannello admin, risulta abbastanza pulito (come codice).

[sonny]

Ma dal classic più che eliminare si riesce a disabilitare bOX e varie, giusto??? il codice resta uguale ma alcune funzioni non sono attive (penso). Per fare l'aggiornamento come dicevi prima come si fa? (l'upload della cartella classic) cmq adesso sto lavorando in locale quindi mi viene semplice fare prove, grazie ancora.

[cionfs]

Si, si disabilita.

La cartella classic mettila sotto "templates"