Woocommerce widgets: How to get same as Newspaper preview?

Posted in: Newspaper
Post count: 89

In Newspaper preview the sidebar widget ‘Best Sellers’ has a nice image size aligned left, all looks good:
http://demo.tagdiv.com/newspaper/shop/

But when I add the Woocommerce Products widget to my store sidebar I get this, a smaller image aligned right and offset description. (header background set to grey by me):
http://www.screencast.com/t/hTU8UXoMO

Am I using the wrong widget, wrong thumbnail image?… In my example the thumbnail is set at 100px x 100px but Newspaper theme is 90px x 90px.
I am looking at code inspector for other clues…
thanks.

Post count: 3343

Hi,
Use this widget, like here: http://screencast.com/t/OpLUe7kg

Thanks!

Post count: 5

Hi! I’ve just purchased your theme. It looks nice eventhough the page building process is not as easy as on an other theme I used to work on (enfold).

I’m telling you this because I can’t figure out how to build the same page as you did here : http://demo.tagdiv.com/newspaper/shop/

I’m actually using your theme with woocommerce and I’d be very interesting in having the exact same layout than the one you did. I can’t manage to find the WooCommerce Products widget within your theme…

Can you please make a video or send me an e-mail with pics and easy step by step. (contact@elamine.fr)

Thanks again 😉

Post count: 3343

Hi,
Reply via email!

Post count: 6

Hi Marius,

What we get the thumbnail like this http://www.screencast.com/t/DCzBrqBQ when we install your theme on our localhost/hosting.

But we want the thumbnail like this http://www.screencast.com/t/Hn0evSwHqaK on your demo page.

The demo thumbnail looks good, but the actual is not.
Tell us how to get that, like on your demo page.

Thank you.

Post count: 3343

Hi,

@andrepramono

Use this widget, like here: http://screencast.com/t/OpLUe7kg

Post count: 6

Hi Marius,

I did what you said,
– use this widget http://www.screencast.com/t/KXcgD4VVh
– set the widget as you said http://www.screencast.com/t/6KQ6OqdHkQQR
but the result still the same 🙁 http://www.screencast.com/t/yRNaJF9ymPEg

I found little bit different about “Visibility” button from yours http://www.screencast.com/t/uJ9x1037
I don’t have one http://www.screencast.com/t/6KQ6OqdHkQQR

I use WordPress 3.9.1 and WooCommerce 2.1.9

What should I do?

Thank you

Post count: 3343

Hi,
Seems like in the latest version of the woocommerce they changed the selector for that widget. We will fix this in the next version, until that you can use this CSS, add it in Theme panel -> Custom CSS

.widget_products {
  margin-bottom: 28px;
  ul {
    padding-top: 13px !important;
  }
}

.widget_products {
  a {
    line-height: 21px;
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333333;
  }
}

.widget_products {
  .attachment-shop_thumbnail {
    box-shadow: none !important;
    margin-left: 0px !important;
    float: left !important;
    width: 80px !important;
    margin-right: 15px;
  }
  a {
    padding: 0px;
    font-weight: normal !important;
  }
}

Thanks!

Post count: 6

Hi Marius,

I put it on Theme Panel – Custom CSS http://www.screencast.com/t/ozP7ZxvWD0, Save Settings, Refresh, but didn’t anything change http://www.screencast.com/t/qNuqIDwPXEk

I really appreciate your help in this matter.

Thanks

Post count: 3343

Hi,
Should work, can you give us your site URL to see the issue? Thanks!

Post count: 6

Hi Marius,

The themes is still in localhost, .id TLD domain will open on June 15, soon when uploaded to the hosting server, I’ll give you the URL.

Thanks

Post count: 3343

ok, thanks!

Post count: 6

Hi Marius,

I’m back, I use .net rather than .id, back to the issue http://www.screencast.com/t/G12j4pycJ29

you can check here http://jakcloth.net/lets-go-shop/

I appreciated for your help, thanks.

Post count: 3343

Hi,
Try this on:

.widget_products {
  margin-bottom: 28px;
}

.widget_products  ul {
    padding-top: 13px !important;
}

.widget_products a {
    line-height: 21px;
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333333;
    padding-left: 0px !important;
}

.widget_products .attachment-shop_thumbnail {
    box-shadow: none !important;
    margin-left: 0px !important;
    float: left !important;
    width: 80px !important;
    margin-right: 15px;
  }

.widget_products .attachment-shop_thumbnail a {
    padding: 0px !important;
    font-weight: normal !important;
}

Thanks!

Post count: 6

works like a charm
thank you Marius.. 🙂

Viewing 15 posts - 1 through 15 (of 15 total)
The forum ‘Newspaper’ is closed to new topics and replies.