Pagina 1 di 2

personalizzazione box con Scrolling specials v1.0

Inviato: 19/10/2005, 16:09
da ben72
ciao a tutti,
mi sapreste dire se c'è una contribution per inserire un box con le immagini degli ultimi articoli o quelli in offerta che scorrono?
Per esempio come è stato fatto in questo sito per le offerte:

http://www.terrenobili.com/store/catalo ... ucts_id=73

grazie

Re: menu scorrevole per le novità o offerte come qui..

Inviato: 19/10/2005, 17:09
da Bass
ben72 ha scritto: Per esempio come è stato fatto in questo sito per le offerte:
http://www.terrenobili.com/store/catalo ... ucts_id=73
Si esiste, il sito l'ho fatto io :)
Cerca su oscommerce.com dovrebbe essere scrolling specials o qualcosa di simile

'iao

Sergio

Inviato: 19/10/2005, 17:42
da ben72
ah non lo sapevo :) è molto bello .
Grazie per l'info!

Inviato: 19/10/2005, 18:33
da ben72
credo di averla trovata:
contributions 2583 si chiama "Scrolling Specials Bos"

Ho copiato il file specials_scroll.php nella cartella catalog/includes/boxes però dove devo andare adesso per sostituire il box esistente con le novità ( che adesso mostra foto statiche che si alternano ad ogni refresh ) con questo nuovo box?

le istruzioni dicono solo questo:
"No installation file is included as all what you need to do is upload to catalog/includes/boxes and then find where your normal specials file links and change that to the file name".


ciao ciao

Inviato: 19/10/2005, 18:49
da ben72
donque per non sapere ne leggere ne scriver eho rinominato specials_scroll.php con il nome di un box esistente. Funziona però è molto diverso da quello che hai tu, nel senso che con questo box mi tiene mezza pagina e passano 4 prodotti contemporaneamente incolonnati.

Inviato: 19/10/2005, 18:52
da Bass
ben72 ha scritto: le istruzioni dicono solo questo:
"No installation file is included as all what you need to do is upload to catalog/includes/boxes and then find where your normal specials file links and change that to the file name".
Non ricordo, se il file ha un nome diverso (come sembra) da quello precedente devi metterlo in includes/column_left.php o includes/column_right.php secondo se il box e' a destra o a sinistra

'iao

Sergio

Inviato: 19/10/2005, 19:02
da ben72
grazie sergio ,si li ho risolto . Ma forse la contrib che hai usato tu non è quella che ho scaricato io oppure bisogna impostare dei parametri nel file perchè il box specials_scroll a me risulta un box molto alto dove scorrono orizzontalmente e contemporaneamente 4 prodotti uno sopra l'altro ,mentre io vorrei un quadrato dove scorre un prodotto alla volta e verticalmente .
ne proverò altre piu o meno ho capito dove cercare. ciao e grazie!

Inviato: 20/10/2005, 14:55
da ben72
dunque,
da solo non riesco quindi provo a chiedere ma anche se non risponde nessuno va bene lo stesso perchè
credo ci sia da rivedere un po di codice del box.

Ho trovato la contribution che fa al mio caso.Si chiama Scrolling specials v1.0

Il box che vorrei fare diventare animato con lo scroll è quello in questa immagine :
Immagine

Come si vede anche nel codice del box attuale che riporto sotto, l'immagine cambia ad ogni refresh mentre io vorrei appunto farla scorrere con l'uso della contribution.

Il codice successivo ,sempre riportato sotto , invece è il codice contenuto nel file specials_scroll.php ossia la contribution.

Il problema è questo:
copiando il codice del secondo nel primo funziona tutto perfettamente solo che il box perde tutta la personalizzazione grafica venendo sostituito con un box con la grafica di default.
Mentre io vorrei rimanesse lo sfondo grigio, l'intestazione con l'immagine ecc coem nell'immagine che ho messo sopra del box perchè tutti gli altri box sono personalizzati in quel modo.

Ora i codici.
Codice attuale del box con la grafica personalizzata:

Codice: Seleziona tutto


<?php
/*
  $Id: whats_new.php,v 1.1.1.1 2003/02/20 01:03:53 ptosh Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

  if ($random_product = tep_random_select("select products_id, products_image, products_tax_class_id, products_price from " . TABLE_PRODUCTS . " where products_status = '1' order by products_date_added desc limit " . MAX_RANDOM_SELECT_NEW)) {
?>
<!-- whats_new //-->
<tr>
  <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="images/design/category4.jpg" width="167" height="25"></td>
    </tr>
    <tr>
      <td class="design-05" align="center" style="padding:5px " background="images/design/m_30.jpg"><?php
    $random_product['products_name'] = tep_get_products_name($random_product['products_id']);
    $random_product['specials_new_products_price'] = tep_get_products_special_price($random_product['products_id']);
/*
    $info_box_contents = array();
    $info_box_contents[] = array('text' => BOX_HEADING_WHATS_NEW);

    new infoBoxHeading($info_box_contents, false, false, tep_href_link(FILENAME_PRODUCTS_NEW));
*/
    if (tep_not_null($random_product['specials_new_products_price'])) {
      $whats_new_price = '<s>' . $currencies->display_price($random_product['products_price'], tep_get_tax_rate($random_product['products_tax_class_id'])) . '</s><br>';
      $whats_new_price .= '<span class="productSpecialPrice">' . $currencies->display_price($random_product['specials_new_products_price'], tep_get_tax_rate($random_product['products_tax_class_id'])) . '</span>';
    } else {
      $whats_new_price = $currencies->display_price($random_product['products_price'], tep_get_tax_rate($random_product['products_tax_class_id']));
    }
/*  $info_box_contents = array();
    $info_box_contents[] = array('align' => 'center',
                                 'text' => '<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product['products_id']) . '">' . tep_image(DIR_WS_IMAGES . $random_product['products_image'], $random_product['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a><br><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product['products_id']) . '">' . $random_product['products_name'] . '</a><br>' . $whats_new_price);

*/
echo '<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product['products_id']) . '">' . tep_image(DIR_WS_IMAGES . $random_product['products_image'], $random_product['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a><br><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product['products_id']) . '" class="design-05">' . $random_product['products_name'] . '</a><br><b>' . $whats_new_price.'</b>' ;


    //new infoBox($info_box_contents);
?>
      </td>
    </tr>
    <tr>
      <td height="18"><img src="images/design/m_25.jpg" width="167" height="23"></td>
    </tr>
  </table></td>
</tr>
<!-- whats_new_eof //-->
<?php
  }
?>

codice del box della contribution:

Codice: Seleziona tutto

<?php
/*
  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

  $rp_query = tep_db_query("select p.products_id, pd.products_name, p.products_price, p.products_tax_class_id, p.products_image, s.specials_new_products_price from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd, " . TABLE_SPECIALS . " s where p.products_status = '1' and p.products_id = s.products_id and pd.products_id = s.products_id and pd.language_id = '" . (int)$languages_id . "' and s.status = '1' order by s.specials_date_added desc");
  if (tep_db_num_rows($rp_query)) {
?>
<!-- specials //-->
          <tr>
            <td>
<?php
    $info_box_contents = array();
    $info_box_contents[] = array('text' => BOX_HEADING_SPECIALS);

    new infoBoxHeading($info_box_contents, false, false, tep_href_link(FILENAME_SPECIALS));

    while ($random_product = tep_db_fetch_array($rp_query)) {
	$rp .= '<center><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product["products_id"]) . '">' . tep_image(DIR_WS_IMAGES . $random_product['products_image'], $random_product['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a><br><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product['products_id']) . '">' . $random_product['products_name'] . '</a><br><s>' . $currencies->display_price($random_product['products_price'], tep_get_tax_rate($random_product['products_tax_class_id'])) . '</s><br><span class="productSpecialPrice">' . $currencies->display_price($random_product['specials_new_products_price'], tep_get_tax_rate($random_product['products_tax_class_id']));
	$rp .= "</SPAN><BR />\n---------\n";
    }

    $info_box_contents = array();
    $info_box_contents[] = array('align' => 'center',
                                 'text' => '<MARQUEE behavior= "scroll" align= "center" direction= "up" height="160" scrollamount= "2" scrolldelay= "20" onmouseover=\'this.stop()\' onmouseout=\'this.start()\'>'.$rp.'</span></MARQUEE>');

    new infoBox($info_box_contents);
?>
            </td>
          </tr>
<!-- specials_eof //-->
<?php
  }
?> 

Inviato: 22/10/2005, 18:07
da ben72
ho qualche problema in questo senso : vorrei capire qual è la parte di codice della contribution che fa scorrere le immagini senza alterarne la grafica perchè quando cerco di copiare il codice della contribution le codice del box attuale cambia anche tutta la grafica :roll:

Inviato: 22/10/2005, 18:51
da Bass
ben72 ha scritto:ho qualche problema in questo senso : vorrei capire qual è la parte di codice della contribution che fa scorrere le immagini

Codice: Seleziona tutto

text' => '<MARQUEE behavior= "scroll" align= "center" direction= "up" height="160" scrollamount= "2" scrolldelay= "20" onmouseover=\'this.stop()\' onmouseout=\'this.start()\'>'.$rp.'</span></MARQUEE>'); 
'iao

Sergio

Inviato: 22/10/2005, 19:41
da ben72
grazie bass!!! :)

Inviato: 24/10/2005, 19:41
da ben72
dunque,
ci siamo quasi! :D

Le immagini dei prodotti in offerta dentro al box scorrono,
lo sfondo grigio scuro ,quello della mia grafica personalizzata ,è comparso ,
per i titoli del box va a pescare l'immagine che ho fatto con photoshop
(ora ho lasciato news , la devo ancora cambiare con offerte),

ora però dovrei eliminare ( o colorare di grigio scuro)
lo sfondo di color grigino chiaro che va a coprire
il mio sfondo grigio piu scuro e non saprei come fare. Anche la cornicetta dovrei togliere :lol:



Immagine

Codice: Seleziona tutto

<?php 
/* 
  osCommerce, Open Source E-Commerce Solutions 
  http://www.oscommerce.com 

  Copyright (c) 2003 osCommerce 

  Released under the GNU General Public License 
*/ 

  $rp_query = tep_db_query("select p.products_id, pd.products_name, p.products_price, p.products_tax_class_id, p.products_image, s.specials_new_products_price from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd, " . TABLE_SPECIALS . " s where p.products_status = '1' and p.products_id = s.products_id and pd.products_id = s.products_id and pd.language_id = '" . (int)$languages_id . "' and s.status = '1' order by s.specials_date_added desc"); 
  if (tep_db_num_rows($rp_query)) { 
?> 
<!-- specials //--> 
<tr> 
  <td><table width="100%"  border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
      <td><img src="images/design/category4.jpg" width="167" height="25"></td> 
    </tr> 
    <tr> 
      <td class="design-05" align="center" style="padding:5px " background="images/design/m_30.jpg"><?php 
       /* 
    $info_box_contents = array(); 
    $info_box_contents[] = array('text' => BOX_HEADING_WHATS_NEW); 

    new infoBoxHeading($info_box_contents, false, false, tep_href_link(FILENAME_PRODUCTS_NEW)); 
*/ 
   

    while ($random_product = tep_db_fetch_array($rp_query)) { 
   $rp .= '<center><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product["products_id"]) . '">' . tep_image(DIR_WS_IMAGES . $random_product['products_image'], $random_product['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a><br><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product['products_id']) . '">' . $random_product['products_name'] . '</a><br><s>' . $currencies->display_price($random_product['products_price'], tep_get_tax_rate($random_product['products_tax_class_id'])) . '</s><br><span class="productSpecialPrice">' . $currencies->display_price($random_product['specials_new_products_price'], tep_get_tax_rate($random_product['products_tax_class_id'])); 
   $rp .= "</SPAN><BR />\n---------\n"; 
    } 

   $info_box_contents = array(); 
    $info_box_contents[] = array('align' => 'center', 
                                 'text' => '<MARQUEE behavior= "scroll" align= "center" direction= "up" height="160" scrollamount= "2" scrolldelay= "20" onmouseover=\'this.stop()\' onmouseout=\'this.start()\'>'.$rp.'</span></MARQUEE>'); 

    new infoBox($info_box_contents); 
?> 
                 </td> 
    </tr> 
    <tr> 
      <td height="18"><img src="images/design/m_25.jpg" width="167" height="23"></td> 
    </tr> 
  </table></td> 
</tr> 
<!-- specials_eof //--> 
<?php 
  } 
?>

Inviato: 24/10/2005, 21:07
da Bass
ben72 ha scritto: ora però dovrei eliminare ( o colorare di grigio scuro)
lo sfondo di color grigino chiaro che va a coprire
il mio sfondo grigio piu scuro e non saprei come fare. Anche la cornicetta dovrei togliere :lol:
Ehm, non ho idea di come tu abbia fatto lo sfondo grigio scuro, i colori dei box pero' li gestisce la classe infobox nel css. Ad esempio il colore del fondo dove scorrono le immagini e' in infoboxcontents

'iao

Sergio

Inviato: 24/10/2005, 21:33
da ben72
ciao Bass, mi toccherà pagarti dopo :D
quello che ho fatto io (diciamo cosi anche se non sono stato io a farlo) l'ho fatto con due immagini di sfondo (due rettangoli tinta unita di color grigio scuro con un bordo sulla destra formato da righine chiare sottili ) : m_25.jpg e m_30.jpg che vengono richiamate dal codice:


<td class="design-05" align="center" style="padding:5px " background="images/design/m_30.jpg"><?php


<td height="18"><img src="images/design/m_25.jpg" width="167" height="23"></td>

Quindi non tenendo conto di quello di oscommerce.

Però il mio problema non è quello sfondo che ho fatto ,peraltro corretto ,ma come eliminare quello che la contribution Scrolling Specials riprendendo lo sfondo di oscommerce nel file che dicevi , mi va a sovrapporre

Inviato: 24/10/2005, 21:43
da Bass
ben72 ha scritto:ciao Bass, mi toccherà pagarti dopo :D
quello che ho fatto io (diciamo cosi anche se non sono stato io a farlo)
Template monsters?
Però il mio problema non è quello sfondo che ho fatto ,peraltro corretto ,ma come eliminare quello che la contribution Scrolling Specials riprendendo lo sfondo di oscommerce nel file che dicevi , mi va a sovrapporre
Vado a naso perche' dovrei avere il codice sott'occhio, e' probabile che lo sfondo sia quello di infoboxcontents nello stylesheet.css. Prova ad assegnargli background: transparent e vedere cosa succede..

'iao

Sergio