Joomla.it Forum

Componenti per Joomla! => Gestione e-commerce => : mario909 30 Mar 2015, 12:42:05

: aggiunta immagine affianco ad "aggiungi al carrello" in hikashop
: mario909 30 Mar 2015, 12:42:05

Buongiorno vorrei inserire un immagine vicino al pulsante "aggiungi al carrello" come posso fare??


Grazie a tutti in anticipo

(http://i.imgur.com/YwU612p.png)

: Re:aggiunta immagine affianco ad "aggiungi al carrello" in hikashop
: mmleoni 31 Mar 2015, 09:26:44

dipende da che immagine e come la vuoi posizionare. la risposta standard è modificando il template, ma puoi provare anche usando i css con gli pseudo selettori before ed after

: Re:aggiunta immagine affianco ad "aggiungi al carrello" in hikashop
: mario909 02 Apr 2015, 13:11:53

mi potresti fare un esempio


Grazie :D

: Re:aggiunta immagine affianco ad "aggiungi al carrello" in hikashop
: mmleoni 02 Apr 2015, 16:21:33

per il css potrebbe essere questo, ma dipende dal template:

:

a.hikashop_cart_button:before {
    content: "";
    width: 50px;
    height: 50px;
    background: url("http://example.com/nome_immagine.jpg") no-repeat;
    display: inline-block;
}
ovviamente devi mettere a posto altezza, larghezza e nome immagine, display può anche essere block, la classe è quella che individua il bottone

: Re:aggiunta immagine affianco ad "aggiungi al carrello" in hikashop
: mario909 07 Apr 2015, 08:11:54

Questo è il mio css cart, se metto il codice mi da errore si sintassi (ps. vorrei mettere l'immagine in linea al pulsante e sulla parte sinistra)

:

<?php






defined('_JEXEC') or die('Restricted access');


?><?php


if(!defined('DS'))


   define('DS', DIRECTORY_SEPARATOR);


if(!include_once(rtrim(JPATH_ADMINISTRATOR,DS).DS.'components'.DS.'com_hikashop'.DS.'helpers'.DS.'helper.php')){


   echo 'This module can not work without the Hikashop Component';


   return;


};






$js ='';


$params->set('from_module',$module->id);


hikashop_initModule();


$config =& hikashop_config();


$module_options = $config->get('params_'.$module->id);






if(empty($module_options)){


   $module_options = $config->get('default_params');


}






if(is_array($module_options)){


   foreach($module_options as $key => $option){


      if($key !='moduleclass_sfx'){


         $params->set($key,$option);


      }


   }


}






foreach(get_object_vars($module) as $k => $v){


   if(!is_object($v) && $params->get($k,null)==null){


      $params->set($k,$v);


   }


}






$params->set('cart_type','cart');


$params->set('from','module');


$html = trim(hikashop_getLayout('product','cart',$params,$js));






if(!empty($html)){


?>


<div class="hikashop_cart_module" id="hikashop_cart_module">


<?php echo $html; ?>


<>


<?php }

: Re:aggiunta immagine affianco ad "aggiungi al carrello" in hikashop
: mmleoni 07 Apr 2015, 08:59:36

quello è php non css! il codice css può solo essere aggiunto ad un foglio css: vedi i vari post nella aree del forum dedicate ai templates.

: Re:aggiunta immagine affianco ad "aggiungi al carrello" in hikashop
: mario909 07 Apr 2015, 17:32:22

Scusami, quindi lo devo mettere direttamente nel template, poichè solo lì ho i file css

: Re:aggiunta immagine affianco ad "aggiungi al carrello" in hikashop
: mario909 07 Apr 2015, 18:08:41

ciao ho quasi risolto come puoi vedere dalla foto, ora vorrei sapere come modificare i margini del pulsante
(http://i.imgur.com/HPZBtv1.png)