Catalogue de présentation - css

mardi 9 décembre 2008 | css

Voilà la feuille de style catalog.css qui est utilisée pour tous les types de catalogue dans e-majine. Cela signifie donc que certains styles ne seront pas utiles pour le catalogue de présentation par exemple, car il n'y a pas d'achat en ligne.

/*===BEGIN===catalog/boxes/box_search.html===BEGIN===*/
/*CSSEditor|boxes,specifs_boxes|Recherche dans le catalogue|noizimedia*/
.box_catalog_search{
}
/*===END===catalog/boxes/box_search.html===END===*/

/*===BEGIN===catalog/boxes/products.html===BEGIN===*/
.boxproduct{
}
	div.product{
	}
	span.product_name{
	}
/*===END===catalog/boxes/products.html===END===*/

/*===BEGIN===catalog/cart/box_cart.html===BEGIN===*/
/*CSSEditor|boxes,specifs_boxes|Panier|noizimedia*/
.boxcart{
}
	.boxcart .viewcart{
		text-align:right;
	}
	div.row{
	}
	span.label{
	}
	span.value{
	}
	span.viewcart{
	}


/*méthode générale sur les tableaux pour supprimer la largeur des libellés de champs dans le tableau recaptitualitif de la commande*/
.cart_tableau table .row label, .cart_tableau .row label{
	float:none;
	width:auto;
}

/*===END===catalog/cart/box_cart.html===END===*/

/*===BEGIN===catalog/cart/cart.html===BEGIN===*/
#cart{
}
	#empty_cart{
	}
	#steps_cart{
	}
	#selections_cart{
	}
	tr.shipping{
	}
	tr.amount{
	}
/*===END===catalog/cart/cart.html===END===*/

/*===BEGIN===catalog/cart/cart_address.html===BEGIN===*/	
#cart_address{
}
	#steps_cart{
	}
	#current_address{
	}
	div.address invoicing_adress{
	}
	div.address delivery_address{
	}
	#manage_address{
	}
	#manage_address .adresses{
		background:#eee;
	}
/*===END===catalog/cart/cart_address.html===END===*/

/*===BEGIN===catalog/cart/cart_authentification.html===BEGIN===*/
#cart_authentification{
}
	#steps_cart{
	}
/*===END===catalog/cart/cart_authentification.html===END===*/

/*===BEGIN===catalog/cart/cart_order_confirmation.html===BEGIN===*/
#cart_order_confirmation{
}
	#steps_cart{
	}
	div.address invoicing_adress{
	}
	div.address delivery_address{
	}
	#cart_detail{
	}
	tr.shipping{
	}
	tr.amount{
	}
	#payment_modules{
	}
	div.row{
	}
	span.condition_label{
	}
	span.condition_field{
	}
	.normal_price{
		text-decoration: line-through;
	}
/*===END===catalog/cart/cart_order_confirmation.html===END===*/

/*===BEGIN===catalog/cart/cart_payment_confirmation.html===BEGIN===*/
#cart_payment_confirmation{
}	
	#steps_cart{
	}
	#payment_infos{
	}
	div.address invoicing_adress{
	}
	div.address delivery_address{
	}
	#payment_actions{
	}			
	#cart_footer{
	}
/*===END===catalog/cart/cart_payment_confirmation.html===END===*/

/*===BEGIN===catalog/cart/cart_subscription.html===BEGIN===*/
#cart_subscription{
}
	#steps_cart{
	}
/*===END===catalog/cart/cart_subscription.html===END===*/

/*===BEGIN===catalog/publication_methods/products.html===BEGIN===*/
#products{
}
/*===END===catalog/publication_methods/products.html===END===*/

/*===BEGIN===catalog/publication_methods/catalog.html===BEGIN===*/
.catalog{
}
	#familly_presentation{
		background:#eee;
		border:1px solid #aab6b8;
		margin: 5px auto;
		width:85%;
	}
	#familly_presentation img{
		float:left;
		margin:5px;
	}
	#familly_presentation p{
		padding:5px;
	}
	#children_selector{
	}
	/*ne s'affiche que lorsque une famille a des produits et des sous-familles*/
	#formArboSelect, #children_selector{
		margin:auto;
		width:85%;
	}
	#contents #formArboSelect fieldset{
}
	div.line1, div.line2, div.line3, div.line4{
		/* prévoir autant que de ligne il y aura si on veut des styles différent par ligne*/
		clear:left;
	} 
	div.col1, div.col2, div.col3, div.col4{
	}

        .familly{
		margin:5px 0 5px 10px;
		border-bottom:1px solid #f0f0f0;
		border-right:1px solid #f0f0f0;
		float:left;
		padding:0;
		text-align:center;
		width:170px;
	}
		.familly img{
			margin:5px;
		}
		.familly h3{
			background:#0097C7;
			color:#fff;
			font-size:1.2em;
			margin:0 0 10px 0;
			margin:0;
			padding:2px 2px 2px 10px;
			text-align:left;
		}
		.familly a{
			clear:left;
			display:block;
			margin:0 5px 0 0;
			text-align:right;
		}
/*===END===catalog/publication_methods/catalog.html===END===*/

/*===BEGIN===catalog/product/zoom_diaporama_product.html===BEGIN===*/
span.zoom_diaporama{
}
/*===END===catalog/product/zoom_diaporama_product.html===END===*/

/*===BEGIN===catalog/product/zoom_gallery_product.html===BEGIN===*/
#zoom_gallery{
	padding:10px;
}
div.gallery_element{
	float:left;
	padding:5px;
}
/*===END===catalog/product/zoom_gallery_product.html===END===*/

/*===BEGIN===catalog/product/short_product.html===BEGIN===*/
.short_product{
        margin:5px 0 5px 10px;
	border-bottom:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	float:left;
	padding:0;
	text-align:center;
	width:170px;
}
	.short_product h3{
		background:#0097C7;
		color:#fff;
		font-size:1.2em;
		margin:0 0 10px 0;
		margin:0;
		padding:2px 2px 2px 10px;
		text-align:left;
	}
	.short_product p{
		margin:0;
	}
	.short_product .prix{
		color: #0097C7;
		font-size: 1.6em;
		font-weight:bold;
	}
	.short_product .panier{
		clear:left;
		display:block;
		margin:0 5px 5px 0;
		text-align:right;
	}
	.short_product .panier a{
		background:url(/common_images/skin001/ico_panier.gif) no-repeat center left;
		padding:3px 3px 3px 20px;
		text-decoration:none;
	}
	.short_product .row label{
		width:auto;
	}
	.short_product .row input, .short_product .row select{
		width:50px;
	}
		.short_product .panier .submit{
	}

/*===END===catalog/product/short_product.html===END===*/

/*===BEGIN===catalog/product/add2cart_product.html===BEGIN===*/
/*Overlib*/
#overDiv{
	background:#eee;
	border: 1px solid #0097C7;
	margin: 0;
	width: 230px;
}
	#overDiv p{
		margin:0;
	}
	#overlibheader div{
		background:#0097C7;
		color:#fff;
		font-weight:bold;
		padding:2px;
	}
	div.overlibcaption{
		float:left;
		width:80% ;
	}
	div.overlibclose{
		padding:0 5px;
		text-align:right;
	}
	#overlibheader a{
		background:none;
		border:none;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	#overlibcontent{
		clear:both;
		padding:2px;
		text-align:left;
	}
	#overlibfooter{
		padding:2px;
	}
/*===END===catalog/product/add2cart_product.html===END===*/
/*===BEGIN===catalog/product/add2cart_confirmation_product.html===BEGIN===*//*Overlib*/
#add2cart_confirmation{
	background:transparent;
} 
/*===END===catalog/product/add2cart_confirmation_product.html===END===*/

/*===BEGIN===catalog/product/product.html===BEGIN===*/
#product{
}
	#product .prix, #product .total_price{
		color: #0097C7;
		font-size: 1.6em;
		font-weight:bold;
	}
	span.old_price{
		text-decoration:line-through;
	}
	#product .panier{
		text-align:right;
	}
	#product .panier a{
		font-size:1.4em;
		font-weight:bold;
	}
	#visuels_additionnels, #produits_associes, #produits_commentaires{
		margin:20px;
		text-align:center;
	}
	#visuels_additionnels h4, #produits_associes h4, #produits_commentaires h4{
		margin:0;
		text-align:left;
	}
	#produits_commentaires form, #produits_commentaires #comments_list{
		text-align:left;
	}
	#produits_commentaires h6{
		display:inline;
		margin:0;
	}
	#visuels_additionnels img{
		border:1px solid #1FBDF0;
		margin:3px;
		padding:3px;
	}
/*===END===catalog/product/product.html===END===*/


Liens utiles

Webo-facto | Medialibs | Communauté

Mots-clé

catalogue  catalogue de présentation  catalogue e-commerce  catalogue gestion panier  commandes  configuration manage  css  e-commerce  e-commerce avancé  e-majine  EBP  export  import  multilingue  produit  préparation charte graphique  socolissimo  templates  webo-facto  widget 

Tri par date

Mai, 2022
< << Aujourd'hui >> >
L M M J V S D
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          

propulsé par E-majine