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
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,
Ziven.
tHE SIZE IS OK NOW BUT ALL PICTURES ARE
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=”https://jukebox.skyberatedev.nl/pub/media/catalog/product/cache/4d4df21c3a881fbf512e7e8e47881eb3/e/2/e26_27.jpg” alt=”Buis 6L6GC JJ”>
<img style=”width:175px; height:175px;” class=”lazyOwl second-img” src=”https://jukebox.skyberatedev.nl/pub/media/catalog/product/cache/4d4df21c3a881fbf512e7e8e47881eb3/e/2/e26_27.jpg” alt=”Buis 6L6GC JJ”>
How can I prevent both images (which are in 99% the same) from showing?
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,
Ziven.
Thanks. It is ok now.
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.
Regards,
Ubertheme team
