osCommerce France : Accueil Forum Portail osCommerce France Réponses aux questions Foire aux contributions

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> oscommerce 2.3.x.x en plein écran, le tutoriel
FoxP2
posté 4 Nov 2013, 17:52
Message #1


Ceinture marron OSC
Icône de groupe

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
Go to the top of the page
 
FoxP2
posté 4 Nov 2013, 18:17
Message #2


Ceinture marron OSC
Icône de groupe

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;">
Go to the top of the page
 
Bonbec
posté 23 Nov 2013, 02:38
Message #3


Ceinture marron OSC
Icône de groupe

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
Go to the top of the page
 
FoxP2
posté 23 Nov 2013, 11:18
Message #4


Ceinture marron OSC
Icône de groupe

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}
Go to the top of the page
 
Bonbec
posté 23 Nov 2013, 11:23
Message #5


Ceinture marron OSC
Icône de groupe

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
Go to the top of the page
 
FoxP2
posté 23 Nov 2013, 11:34
Message #6


Ceinture marron OSC
Icône de groupe

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
Go to the top of the page
 
Bonbec
posté 23 Nov 2013, 11:39
Message #7


Ceinture marron OSC
Icône de groupe

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
Go to the top of the page
 
N.Serge
posté 20 Nov 2014, 07:53
Message #8


Ceinture orange OSC
Icône de groupe

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


Go to the top of the page
 

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



RSS Version bas débit Nous sommes le : 28th March 2024 - 11:19
Ce site est déclaré auprès de la commision Nationale
de l'Informatique et des Libertés (déclaration n°: 1043896)