Close

Profile: Valentin

Avatar
PM

User posts

3 days ago

toanhnt wrote:


Does this method work for version 4.2?



Hello toanhnt,

for the latest version of the theme, the above mentioned styling needs to be tweaked like so:


@media all and (min-width: 1025px) {
    .product-grid .item-box .add-info {
        opacity: 1;
        position: relative;
        height: auto !important;
        border: 0;
    }

    .product-grid .item-box .product-rating-box {
        opacity: 1;
        margin-bottom: 10px;
    }

    .product-grid .item-box .buttons {
        opacity: 1;
        position: relative !important;
        bottom: auto;
    }
    .product-grid .item-box .description {
        display: none
    }

    .product-grid .item-box .buttons a:hover, .product-grid .item-box .buttons
input[type="button"]:hover, .product-grid .item-box .buttons .ajax-cart-button-wrapper:hover * {
        height: 32px;
    }

    .product-grid .prices {
        margin-bottom: 10px;
    }
}



Hope this is what you are looking for.

7 days ago

OTH wrote:

Would I add this just to the chtml file itself or would I have to put this in the source code itself? And would this help with different coloring/labeling on to front side of the page?


Hello again, OTH,

you can just open the above-mentioned file and replace its contents with the code I gave you here.
However, it will not make the availability status look any different.
It will just add the mentioned classes to the element depending on - if the product has quantity or not.
You then need to use these classes to add some custom styling in your theme`s Custom Head Styles section, for your elements e.g.:

.is-in-stock {
   color: green;
}

.is-out-of-stock {
   color: red;
}


Hope this clarifies things a bit.

Forlis wrote:
Hi,

I have a test website on this URL http://svetpohybu.eurosoftworks.com/krouzky and when I test the website load (page) speed performance, I got +- 28 score on Mobile for every page because of Render blocking JavaScript (especially fonts).

This is the report: https://developers.google.com/speed/pagespeed/insights/?hl=sk&url=http%3A%2F%2Fsvetpohybu.eurosoftworks.com%2Fkrouzky&tab=mobile

Other things like image compression, minify etc. is good, but my questin is: How to fix this render blocking JavaScript (fonts) in nopCommerce?

Thanks for answear :)



Hello Forlis,

here you can read in details about the issue - link to Google article.

However, whether you should implement this or not is entirely up to you since the approach they are recommending requires all of the font style files to be icluded inline in the HTML. It basically deems all the linked fonts (from their own site) - "blocking content".

Hope this was helpful.

7 days ago

OTH wrote:
Hi,

I think it would be a good idea to add a product feature so as to be able to choose a display color for product stock status.

As in if a products stock status would be;

In Stock - You could choose for it to appear with green letters.

Out of Stock - You could choose for it to appear with red letters.

Best regards,
OTH


Hello OTH,

there are many options for the Availability of the products, but if you want to just check if a product is Out of stock and have different styling for the label you can use the following approach.

In the _Availability.cshtml file in your Product folder add the bolded lines of code:


@model ProductDetailsModel

@using Nop.Services.Localization

@inject ILocalizationService localizationService


@if (!string.IsNullOrWhiteSpace(Model.StockAvailability) || Model.DisplayBackInStockSubscription)
{
    <div class="availability">
        @if (!string.IsNullOrWhiteSpace(Model.StockAvailability))
        {

            bool outOfStock = string.Equals(localizationService.GetResource("products.availability.outofstock"), Model.StockAvailability, StringComparison.InvariantCulture);
            string stockClass = "is-in-stock";

            if (outOfStock)
            {
                stockClass = "is-out-of-stock";
            }


            <div class="stocking @stockClass">
                <span class="label">@T("Products.Availability"):</span>
                <span class="value" id="stock-availability-value-@Model.Id">@Model.StockAvailability</span>
            </div>
        }
        @await Html.PartialAsync("_BackInStockSubscription", Model)
    </div>
}




This will add a class of is-in-stock anytime the product is not Out of stock, and a class of is-out-of-stock if the stock quantity is 0.
You can then you these classes to add some custom styling to Availability element like red color if is-out-of-stock and green if is-in-stock.

Hope this was helpful.

7 days ago

sansem wrote:
I installed the plugin (4.10). I configured the plugin. It does display the filters on the left side (in the widget zone). But when selecting an filteroption. I see the loader in the box of the latest article on the screen and in that box the result of the query will be loaded.


What do I do wrong ?

loader:


when done with loading:




Hello sansem,

can you please submit a ticket in our Help Desk with some more details of your issue and a link to your store so we can investigate what the problem might be.

26 days ago

[u][/u]

abdulwahe wrote:
We added a product ribbon to a single product, but a different ribbon appears on all the products, when we disabled that ribbon which is appearing on all the products, it starts working fine for a while and few minutes later it turned into last state and a new ribbon starts appearing on all products. how to fix it?


Hello Abdul,

please submit a ticket for this issue and provide admin credentials and a working link to your store in it. So we can investigate the issue and figure out what the problem might be.

Do not submit your credentials here, cause they will be visible to the other users, too.

https://www.nop-templates.com/nopcommerce-development-services

abdulwahe wrote:

I am willing to display "out of stock" at the bottom or top or product picture, is it possible to do that? and how to change the color and size of it? as to make to larger for customers and more visible....


Hello abdulwahe,

unfortunately, there is no easy way to achieve this. many modifications would be required to the theme`s markup and styling and this could not be done out of the box. Especially if you are using the CloudZoom plugin in your theme.

If you still want to do this, you can take a look at out Custom Work page and submit a quote with more details of what exactly you want and maybe some designs/mock-ups so we can better estimate the work and tell you what it would cost.

Bugs
one month ago

yazhodha wrote:
There's a spelling mistake on cart page. How should I fix that?
"Dicount codes and Vouchers" This should be Discount codes and Vouchers.

Where should I have to edit to fix that?

http://themes.megastore.emporium.nop-templates.com/cart


Hi yazhodha,

sorry for the inconvenience.

To fix this string resource you need to go in your admin panel to Configuration -> Languages, click Edit on your active language. Then select the String resources tab and search for this Resource name:

ShoppingCart.DiscountAndVouchers

When you find it, just Edit its Value to whatever you like.

2 months ago

amiralma wrote:
Hello
I tried to view my store in a tv sized screen by using an android box, but there were some problems with the responsive design.
Some of the features were out of shape and not in the right places.
I would appreciate any help or suggestion.
Thank you for your wonderful themes and plugins.


Hello amiralma,

the Emporium theme is fully responsive and all of the elements should respond to the device width and stretch their own as necessary.

However, that does not mean that all of them would scale e.g. the font-sizes would remain the same, the element heights, too. Only in some cases, e.g. the products images in the product boxes would scale since they need to keep their proportion.

I hope this clarifies things a bit.

Nop Tabs
2 months ago

pradeep@infraspace.net wrote:
Hi I would like to display NOP TABS as one below the other. i,e., the tab headings should display on the top. Contents should display one after another and it should occupy the full width. Say as I have five tabs, Overview, SPecs, Features, reviews and the like, these headings should display on the top.
The contents of the tab should be displayed one below the other. clicking on the header should didplay appropriate information. Please help me to achieve this.

Thanks,
Pradeep.S


Hello Pradeep,

what you want to achieve classifies as customization and you can use our Custom Work page to submit a quote for this.

Please also elaborate more on what you would like your final result to be, and if possible attach some screenshots or mock-ups. We will get back to you as soon as possible with our time estimation for the task.