Related product as a widget

Hi, i would like to show the related product as a widget.
I tried with the woo commerce shortcode but it is displaying not as the other widget..how can i do?
thanks

Hi,

Could you provide an URL to your site with these realted products?

I, right now site is on maintenance page but i deleted the widget where i putted shortcode cause it was very bad :/ there is no a quick solution to do that? :O

Hi, any news?

Unfortunately I can't help you without seeing your website, I have no idea what's that mean that the shortcode looks "very bad".

Ok, please check here: http://www.brillabijou.com/shop/anelli/prodotto-demo/
check first widget on the left.

Hy, any news here?
Thanks

Please let me know

Could you tell me, what exactly do you want to change? because I can't see any visual issues with your "PRODOTTI CORRELATI" widget.

Hi, i just found a workaround thanks to css, but i would like to give the same style of the "Visti di recente" widget (that is normal woo commerce style).

http://postimg.org/image/ppzgw9poz/

Thanks

Hi,

Try to add this custom css code (remove your existing connected with related product widget):

Code: Select all

.relatedproductwidget ul.products li {
   list-style: none;
   margin: 0;
   padding: 0!important;
}

.relatedproductwidget ul.products li.product .onsale {
   display: none;
}

.relatedproductwidget ul.products li img {
   border: 0;
   border-radius: 0!important;
   float: left;
   height: auto;
   margin: 7px 20px 5px 0;
   width: 55px!important;
}

.relatedproductwidget ul.products li h3,
.relatedproductwidget ul.products li h3 a {
   float: right;
   padding:  0;
}
.relatedproductwidget ul.products li h3 a {
   float: left;
}
.relatedproductwidget ul.products li h3 {
   width: 60%;
   text-align: left;
}
.relatedproductwidget ul.products li > a {
   width: 40%;
}
.relatedproductwidget ul.products li span {
   text-align: left;
}


Hi, code doesn't work as well please check the page.
thanks

Did you remove the old code?
Try to add also this one:

Code: Select all

.relatedproductwidget ul.products li > a {
  width: 40%;
  float: left;
}
.relatedproductwidget .price .amount {
  font-size: 15px;
}


yes i commented

ok this has been solved. thanks