Search result is

Hi,

When I search I get a list of products. Each product is shown in a row, however the search result  text for each product is located on the product image, instead of text near image.

I.e. Without your fashion theme, the result is correct.

Best regards,

Hi chenos7,

Do you see this issue on the Fashion theme demo store?
Could tell us your version of nopCommerce and browser?
A live link will also be very helpful.

Thanks

Hi,

The link is http://temp.outfitta.com

Best regards,
Chen

Hi Chen,

This is not the Fashion theme.It looks like you are using the DefaultClean theme. You need to change the theme to Fashion from the administration as described in the documentation of the Fashion theme.

Thanks

Hi,

Can you please try again.

I've changed it to clean just to see if the issue is with the fashion theme.

Best regards,
Chen

Hi Chen,

You should have told us that you are using RTL. It looks like there is no such problem on our demo site - http://themes.fashion.nop-templates.com/search?q=dre. Simply change the language to be English-RTL from the language dropdown. The problem is that the picture have width set to 200px but the default images are 225px. You can simply make the width bigger from the Themes\Fashion\Content\CSS\Fashion.css file.

.product-list .product-item .picture {
width: 250px;
}

Thanks

Hi,

I think this is not regarding the use of RTL, since I've took a new site without RTL support and it happens when you change the view to list.
In case you cannot reproduce, please let me know how to upload am image

Best regards,
Chen

Hi chenos7,

You are right. The list view of the Fashion theme was styled for images that are rectangle and were breaking for square pictures. We have made some changes to the css of the theme, so now the list view supports all king of pictures.
You can add the changes yourself just open the Fashion.css file and make the following changes:

.product-list .product-item
{
  width: 100%;
/* deleted the height property */
  margin-top: 10px;
  position: relative;
    overflow: hidden;
}

.product-list .product-item .picture
{
  float: left;
  margin: 10px 0 10px 0;
    width: 200px;
    overflow: hidden;
}

.product-list .product-item .product-title
{
  padding: 0;
  margin: 10px 150px 0px 200px;
  text-align: left;
  color: #555;
  font-weight: bold;
}

Ivan Stoyanov

Hi,

I've downloaded the latest 2.8.2 theme and now it looks better, although I think it's too tight. more space is needed.

Thank you,
Chen