Featured categories image

Hi guys.
I'm having a small issue that i could use a bit of help. I have installed the ArtFactory theme and it seems to work fine with one small exception.

The featured categories which are displayed on the homepage are shown without their images. The title is displayed, the image box is there, but the image is missing.
Anyone had this issue and could give me some advice?

This is the default code for the picture:

<div class="picture">
          <a href="@Url.RouteUrl("Category", new { SeName = item.SeName })" title="@item.PictureModel.Title">
          <img alt="@item.PictureModel.AlternateText" src="@item.PictureModel.ImageUrl" title="@item.PictureModel.Title" />
            </a>
</div>    

Note: This exact default code works for subcategories.

Thank you in advance!
Calin

Hi Calin,

That is strange as the featured categories are displayed as they should on our demo. Would it be possible to send us a link to your store, so that we can see what might be wrong. Have you tried clearing the cache from the administration in case you are using a domain and an IP at the same time?

Have you made any changes to the styling of the theme?

Looking forward to your reply.

Hello Stefan,

The link to the store is -> https://www.etbm.ro/
I have not made any modifications to the styling of the theme. Everything is as default.

Also, there are some other pages in which the style is not being applied. The login pagem the checkout page and customer info.
Also, the "add to cart" button is missing from the product page.

Thank you in advance for any advice.

Kind regards,
Calin

Hi Calin,

Thank you for the URL of your store. I had a look at it and found out that there are modifications made to the markup of the theme, thus resulting in broken pages like Login, Register, Product Page, etc. On the product page you have removed the Add To Cart button and that is why it is missing. As you see currently the Nop Ajax Cart is not enabled on your store, so you are using the default add to cart button that comes from nopCommerce. But even the default add to cart button is removed from the markup.

So as to the featured categories I cannot be sure what is going on and why they are not visible, as it turns out that there are changes in the theme.

I would suggest to download the Nop ArtFactory theme again from your My Downloads section and update your site with the theme and plugins from the downloaded package. For more info on updating a theme please have a look at our online documentation.

By the way, do you have any third party plugin installed that does not come with the theme? If you have can you try to uninstall it and see whether the issues will go away.

Hope that helps.

There shouldn't be any modifications in the markup. Nobody besides me has access to the source code, and i for sure haven't made any mods.
The only thing i have modified is the homepage view, by removing the news zone.

Is it possible to access the demo admin panel? Maybe i need some settings in the addons which i haven't made?

Thank you,
Calin

Side note: I tried replacing the existent files with the ones extracted directly from the downloaded archive and nothing has changed. I`ll have to have another workaround to fix these issues.

Hi Calin,

Then I suppose you are using a plugin that messes up the markup of the theme. I will give you some examples with a new markup in your site that does not come from the theme:

1. Register page - buttons area

<div class="col-lg-2 row-full">
   <div class="rbblue" style="margin-top:-15px;">
        <button type="submit" id="register-button" name="register-button" onclick="" class="rbleft" value="Inregistrare" style="font-size:18px; line-height:43px!important;font-size:15px; width:79%;">Inregistrare</button>
         <button class="rbright" type="submit" id="register-button" name="register-button" onclick="" value="Inregistrare" style=" width:20.5%; padding-top:7px;">
                        <i class="fa fa-pencil whiterb"></i>
                    </button>
                </div>
            </div>

2. Product Page - add to cart button area

<div>
    <div style="width: 18%; float: left; font-size: 18px; line-height: 43px;">
    <input class="qty-input form-control quantity" data-val="true" data-val-number="The field Cantitate must be a number." id="addtocart_56936_EnteredQuantity" name="addtocart_56936.EnteredQuantity" type="text" value="1">
    </div>
    <div class="rbblue" style="width: 90%; margin-top: 19px;" onclick="addToCart(1)">
         <div class="rbleft2" style="font-size: 18px; line-height: 43px !important;">
                        adauga la cos
         </div>
         <div class="rbright2" style="width:19.5%; cursor:pointer;" onclick="addToCart(1)">
                        <i class="fa fa-shopping-cart whiterb"></i>
                    </div>
                </div>
</div>

The ones in bold do not come from the theme. So you can see that the markup differs from the original markup of the theme. You can compare this to our demo and will see it for yourself.

So I suppose either you are using a third party plugin that is adding these changes to the views or the views are changed manually.

If you have no idea what is going on, you can submit a ticket with an FTP account so that we can login to your FTP server and can see why the markup is different from the one that is should be.

Looking forward to your reply.
 

I have finally managed to solve the problem regarding the featured categories pictures. It was all because of the model mapping within the catalog controller. The iamge was associated to the PictureModelIcon instead of the PictureModel.

Thank you for the time and for your suggestions!

Best regards,
Calin