oscommerce 2.3.x.x en plein écran, le tutoriel |
Bienvenue invité ( Connexion | Inscription )
oscommerce 2.3.x.x en plein écran, le tutoriel |
4 Nov 2013, 17:52
Message
#1
|
|
Ceinture marron OSC Groupe : Membres Messages : 1665 Inscrit : 3-June 09 Membre no 25501 |
récupérer la source : https://raw.github.com/bauhouse/fluid960gs/...er/css/grid.css
enregistrer le fichier (avec extension .css) dans le repertoire catalog\ext\960gs nota bene : si vous ne souhaitez pas de marge, modifier : Code /* =Containers --------------------------------------------------------------------------------*/ .container_12, .container_16 { width: 92%; margin-left: 4%; margin-right: 4%; } par Code /* =Containers --------------------------------------------------------------------------------*/ .container_12, .container_16 { width: 100%; margin-left: 0%; margin-right: 0%; } Modifier le fichier catalog/includes/template_top.php : remplacer : Code <link rel="stylesheet" type="text/css" href="ext/960gs/<?php echo ((stripos(HTML_PARAMS, 'dir="rtl"') !== false) ? 'rtl_' : ''); ?>960_24_col.css" /> par : Code <link rel="stylesheet" type="text/css" href="ext/960gs/grid.css" /> ajouter après : Code <?php require(DIR_WS_INCLUDES . 'header.php'); ?> ces lignes : Code <?php if ($oscTemplate->hasBlocks('boxes_column_left')) { ?> <div id="columnLeft" class="grid_<?php echo $oscTemplate->getGridColumnWidth(); ?>"> <?php echo $oscTemplate->getBlocks('boxes_column_left'); ?> </div> <?php } ?> Modifier le fichier catalog/includes/template_bottom.php : remplacer toutes les lignes avec : Code </div> <!-- bodyContent //--> <?php if ($oscTemplate->hasBlocks('boxes_column_right')) { ?> <div id="columnRight" class="grid_<?php echo $oscTemplate->getGridColumnWidth(); ?>"> <?php echo $oscTemplate->getBlocks('boxes_column_right'); ?> </div> <?php } ?> </div> <!-- bodyWrapper //--> <div class="clearfix"></div> <?php require(DIR_WS_INCLUDES . 'footer.php'); ?> <?php echo $oscTemplate->getBlocks('footer_scripts'); ?> </body> </html> Modifier le fichier catalog\includes\classes\osc_template.php : remplacer Code var $_grid_container_width = 24; var $_grid_content_width = 16; var $_grid_column_width = 4; par Code var $_grid_container_width = 12; var $_grid_content_width = 8; var $_grid_column_width = 2; résultat : oscommerce-2334-fluid par foxp2projects, sur Flickr |
|
4 Nov 2013, 18:17
Message
#2
|
|
Ceinture marron OSC Groupe : Membres Messages : 1665 Inscrit : 3-June 09 Membre no 25501 |
certaines balises ont été codées en dur ! bravo hpdl !
modification du fichier catalog\includes\header.php changer : Code if ($messageStack->size('header') > 0) { echo '<div class="grid_24">' . $messageStack->output('header') . '</div>'; } ?> par Code if ($messageStack->size('header') > 0) { echo '<div class="grid_<?php echo $oscTemplate->getGridContainerWidth(); ?>">' . $messageStack->output('header') . '</div>'; } ?> changer Code <div id="header" class="grid_24"> par Code <div id="header" class="grid_<?php echo $oscTemplate->getGridContainerWidth(); ?>"> changer Code <div class="grid_24 ui-widget infoBoxContainer"> par Code <div class="grid_<?php echo $oscTemplate->getGridContainerWidth(); ?> ui-widget infoBoxContainer"> modification du fichier catalog\includes\footer.php changer Code <div class="grid_24 footer"> par Code <div class="container_<?php echo $oscTemplate->getGridContainerWidth(); ?> footer"> changer Code <div class="grid_24" style="text-align: center; padding-bottom: 20px;"> par Code <div class="container_<?php echo $oscTemplate->getGridContainerWidth(); ?>" style="text-align: center; padding-bottom: 20px;">
|
|
23 Nov 2013, 02:38
Message
#3
|
|
Ceinture marron OSC Groupe : Modérateurs Messages : 1543 Inscrit : 30-May 06 Lieu : Vichy (03) Membre no 10583 |
Bonjour FoxP2,
Merci pour ce correctif auquel je vais apporter ma petite pierre car l'affichage du footer débloque dans certaines pages. Voir l'exemple de Nicolas.R.30 dans un autre fil : J'ai modifié la syntaxe au code du fichier catalog/includes/footer.php. Chercher : Code <div class="container_<?php echo $oscTemplate->getGridContainerWidth(); ?> footer"> Remplacer par : Code <div class="container_<?php echo $oscTemplate->getGridContainerWidth(); ?>" style="clear:both"> A moins qu'il manque ceci dans ton message concernant le fichier stylesheet.css Code #footer { clear:both; } Auquel cas il ne faut pas modifier cette ligne : Code <div class="container_<?php echo $oscTemplate->getGridContainerWidth(); ?> footer">
Ce message a été modifié par Bonbec - 23 Nov 2013, 02:41. -------------------- Config 1 en live : Osc 2.2 très fortement modifié ... UTF-8 et Php 5.4.
Contribs installées : down_for_maintenance_v 2.3 | Estimated Shipping v1.5 | imprint_1_3_5 | low_stock_report_v2.04 | visible_countries_1.2b | Products Tabs | shoppingCart_cleanup_v1.01.0 | + trop de bidouilles persos pas très OsCommerce (erreurs de jeunesse) Config 2 en local avec UwAmp : Osc Phoenix |
|
23 Nov 2013, 11:18
Message
#4
|
|
Ceinture marron OSC Groupe : Membres Messages : 1665 Inscrit : 3-June 09 Membre no 25501 |
@bonbec :
je ne vois pas trop la pertinence de ta modification puisque dans le fichier template_bottom est ajouté le container : Code <div class="clearfix"></div> (voir premier post) class css définie dans 960css : Code .clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1}
|
|
23 Nov 2013, 11:23
Message
#5
|
|
Ceinture marron OSC Groupe : Modérateurs Messages : 1543 Inscrit : 30-May 06 Lieu : Vichy (03) Membre no 10583 |
Re FoxP2,
Tout simplement par ce que certains rectifient le code en dur que tu as signalé tout en gardant la largeur initiale d'Osc, donc pas d'Osc en plein écran, du coup le premier post n'est pas "utile" dans ce cas là. L'affichage des catégories et du product_info est chamboulé : la bannière reste au bon endroit dans le footer mais le texte du footer se décale sous la colonne de droite. Ce message a été modifié par Bonbec - 23 Nov 2013, 11:24. -------------------- Config 1 en live : Osc 2.2 très fortement modifié ... UTF-8 et Php 5.4.
Contribs installées : down_for_maintenance_v 2.3 | Estimated Shipping v1.5 | imprint_1_3_5 | low_stock_report_v2.04 | visible_countries_1.2b | Products Tabs | shoppingCart_cleanup_v1.01.0 | + trop de bidouilles persos pas très OsCommerce (erreurs de jeunesse) Config 2 en local avec UwAmp : Osc Phoenix |
|
23 Nov 2013, 11:34
Message
#6
|
|
Ceinture marron OSC Groupe : Membres Messages : 1665 Inscrit : 3-June 09 Membre no 25501 |
les codes donnés dans ce sujet sont uniquement destinés à ceux qui appliquent les modifications fournies dans le premier post et surtout pas à
Citation certains rectifiant le code en dur tout en gardant la largeur initiale d'Osc désolé, bonbec mais là tu es totalement HS avec le sujet initial |
|
23 Nov 2013, 11:39
Message
#7
|
|
Ceinture marron OSC Groupe : Modérateurs Messages : 1543 Inscrit : 30-May 06 Lieu : Vichy (03) Membre no 10583 |
Re FoxP2,
Mea Culpa, j'aurais dû faire un nouveau fil alors. PS : tout est parti d'ici et vu que ton fil était indiqué j'avais jugé pertinent d'ajouter ma modeste contribution. Toutes mes excuses d'avoir pollué ainsi ton excellent fil. EDIT = correction du lien Ce message a été modifié par Bonbec - 23 Nov 2013, 11:41. -------------------- Config 1 en live : Osc 2.2 très fortement modifié ... UTF-8 et Php 5.4.
Contribs installées : down_for_maintenance_v 2.3 | Estimated Shipping v1.5 | imprint_1_3_5 | low_stock_report_v2.04 | visible_countries_1.2b | Products Tabs | shoppingCart_cleanup_v1.01.0 | + trop de bidouilles persos pas très OsCommerce (erreurs de jeunesse) Config 2 en local avec UwAmp : Osc Phoenix |
|
20 Nov 2014, 07:53
Message
#8
|
|
Ceinture orange OSC Groupe : Membres Messages : 277 Inscrit : 18-October 08 Membre no 23350 |
Bonjour à tous,
je me permets de réouvrir ce post car en ce qui me concerne , j'aimerais mon osc en plein écran et ce peu importe la résolutin des écrans mais , en gardant les deux colonnes gauche et droite en 172px. L'exemple ci dessus tout l'osc est en plein écran y compris les colonnes qui se retrouvent sous la partie principale. Grand merci Serge -------------------- Version osCommerce Online Merchant v2.2 RC1 W3C Valid FR.
fckeditor-oscommerce_v2.2.1 ( bien ) - anti_spambot_contact_us_1.2 ( bien ) - Remise par catégorie (très bien) -Virement bancaire - Paypal IPN : V2.3 ( désactivé) - Déposit ( paiement avec acompte - très bien ) - Inactiveuser_1_3 ( pas terrible ) - Catégorie box ( génial ) - Minimum_Order ( désactivé) - Minimum Amount To Make The Order ( très bien pour IE, mais bug pour autre navigateur ) discount_quant_v1 ( bien mais bug paypal et calcul sur le total du panier donc désactivé ) - lev_discountv2.4 ( bien mais bug paypal donc désactivé ) ParcelShop ( modification de la contrib kilopost - désactivé ) - TaxiPost ( bien - désactivé) Version osCommerce Online Merchant v2.3.4 FR. (16/12/2016 test online ) Virement Bancaire 2.3.4.1 du 19/12/2016 (OK) CKEditor 4.6.1 Full (OK) Select Product Image Directory (OK) Simple Order Discount (NON*) *remise sur tout le panier et non uniquement sur la quantité programmée |
|
Version bas débit | Nous sommes le : 16th April 2024 - 07:17 |
Ce site est déclaré auprès de la commision Nationale de l'Informatique et des Libertés (déclaration n°: 1043896) |