Show featured products on home page

I inserted a widget ub-content-slider on my homepage. But is does not show correct. All pictures are much to narrow en wrongly shaped (height seems correct). This is the code:
<p>{{widget type=”Ubertheme\UbContentSlider\Block\Widget\ProductWidget” content_type=”random_products” show_title=”1″ title=”Featured products” category_ids=”2418,2429,2510,2441,2761,2760,2819,2762,2829,2789,2511,2504,2436,2805,2811,2821,2822,2790,2823,2824,2712,2713,2714,2716,2717,2718,2768,2820,2715,2826,2442,2763,2764,2512,2509,…………………………………………” sort_by=”created_at” sort_dir=”ASC” qty=”10″ show_name=”1″ show_price=”1″ show_desc=”1″ desc_length=”100″ show_readmore=”1″ show_review=”1″ show_wishlist=”1″ show_compare=”1″ show_add_cart=”1″ single_item=”0″ number_items=”5″ number_items_desktop=”5″ number_items_desktop_small=”4″ number_items_tablet=”3″ number_items_tablet_small=”2″ number_items_mobile=”1″ show_navigation=”1″ show_paging=”1″ paging_numbers=”1″ auto_run=”1″ auto_height=”1″ slide_speed=”200″ stop_on_hover=”1″ enable_lazyload=”1″ addition_class=”ub-style-1″}}</p>

7 answers

Profile photo of Ziven Staff 100280.00 $tone May 29, 2018

Hi There,
Please try the tweak below for your customized block: 
Open the file: app\design\frontend\Ubertheme\megamall\Magento_Catalog\web\css\source\_widgets.less, navigate to the line 91, add this new code:

.block.widget.ub-content-slider-block .products-grid .product-item {
    width: 100%;

Once done, you need to re-compile following steps below: 

You should back up your site first. Once done, you access your server via SSH and navigate to your Magento 2 folder, then run the following commands one by one:

Step 1: php bin/magento maintenance:enable
Step 2: rm -rf var/di/* var/generation/* var/cache/* var/log/* var/page_cache/* var/session/* var/view_preprocessed/* pub/static/frontend/Ubertheme/megamall/*
Step 3: php bin/magento setup:static-content:deploy -t Ubertheme/megmall -f (Make sure you are using developer (or default) mode)
Step 4: php bin/magento cache:flush
step 5: php bin/magento maintenance:disable
Step 6: clear your browser cache

Please let me know how it goes then.
Best Regads,

Profile photo of jukebox-revival 2040.00 $tone May 29, 2018

The size is ok now but I see all pictures twice This is what I see in the inspection window:
<img style=”width:175px; height:175px;” class=”lazyOwl first-img” src=”; alt=”Buis 6L6GC JJ”>
<img style=”width:175px; height:175px;” class=”lazyOwl second-img” src=”; alt=”Buis 6L6GC JJ”>
How can I prevent both images (which are in 99% the same) from showing?

Profile photo of Ziven Staff 100280.00 $tone May 30, 2018

Hi There,
Please try the additional tweak below:
Open the file: app\design\frontend\Ubertheme\megamall\Magento_Catalog\web\css\source\_widgets.less, find the class name: “.block.widget.ub-content-slider-block .products-grid .product-item” which you have just added yesterday, and add this code below such class:

.block.widget.ub-content-slider-block .products-grid .product-item .second-img{
  display: none;

Once done, you need to re-compile as mentioned in my previous reply.
Please let me know how it goes then.
Best Regads,

Profile photo of ubdev Staff 98150.00 $tone May 31, 2018

Hi there, 
Glad that it helps. 
Meanwhile we have just sent you an email asking about Magento 2 one step checkout solution, could you please check and let us know your feedback? 
Many thanks for your assistance.
Ubertheme team


Please login or Register to Submit Answer

Written By