Profile: Support

Hi Connie,

Number 3 has been fixed and uploaded. Now all attributes are aligned on one line and with labels. You can download the theme from you My Account section and get the latest package. In order to integrate the fix just replace the ~\Theme\Fashion\Views\Catalog\_ProductAttributes.cshtml with the one from the latest package downloaded and also the ~\Themes\Fashion\Content\CSS\Fashion.css file.

For number 1 and 2 make sure you edit the correct product template. As by default the ProductTemplate.VariantsInGrid.cshtml is set you should edit this one. It is identical to the ProductTemplate.SingleVariant.cshtml as the theme has no support for multiple product variants yet.

Please let us know if these problems still exist.

Thanks!

Have you removed the dropdown with the list mode?
Please check catalogsettings.allowproductviewmodechanging setting and tell us if it is set to true or false.

Best Regards,
Nop-Templates Support Team

Hi Craft,

In version of nopCommerce 2.4 and later there is a setting catalogsettings.defaultviewmode
Go to Configuration –> Settings –> All Settings (Advanced) and find the setting catalogsettings.defaultviewmode and change it from grid to list.
The filters are using this setting to show the products either in grid or in list.

Please let us know if this works for you!

Best Regards,
Nop-Templates Support Team

Hi Connie,

1. You remove the links you do not need by editing the ~\Themes\Fashion\Views\Catalog\ProductTemplate.SingleVariant.cshtml or ProductTemplate.VariantsInGrid.cshtml depending on the template that is being set. They are identical as the theme does not support multi product variants yet, so you can edit both in the same way.

Just remove the following lines:
line 186: <div id="size-charts">
line 187:                        <ul>
line 188:                            <li><a class="sizeConversion" onclick="javascript: window.open('@sizeConversionTopicUrl',null, 'height=600,width=800,status=yes,toolbar=no,menubar=no,location=no');">@T("SevenSpikes.Themes.Fashion.Product.SizeConversion")</a>
line 189:                            </li>
line 190:                            <li><a class="itemMeasure" onclick="javascript: window.open('@itemMeasureTopicUrl',null, 'height=600,width=800,status=yes,toolbar=no,menubar=no,location=no');">@T("SevenSpikes.Themes.Fashion.Product.ItemMeasurements")</a>
line 191:                            </li>
line 192:                        </ul>
line 193:                    </div>

2. Just comment or edit the following line in the same files as in 1:

line 237: <div id="promo-block">
line 238:                        <img width="18" height="21" src="@Url.Content("~/Themes/Fashion/Content/Images/info.jpg")" alt="Return Info" />
line 239:                        <span class="title"><strong>@T("SevenSpikes.Themes.Fashion.Product.TryIt")</strong>
line 240:                        </span>
line 241:                        <br />
line 242:                        @T("SevenSpikes.Themes.Fashion.Product.DoesNotFit")<a onclick="javascript: window.open('@returnShippingIsFreeTopicUrl',null, 'height=600,width=800,status=yes,toolbar=no,menubar=no,location=no');">@T("SevenSpikes.Themes.Fashion.Product.ReturnIsFree")</a>
line 243:                    </div>

3. As by the design of the theme only the dropdowns are styled appropriately and the title of them is the first entry. We will fix all the other attributes display and styling and will let you know when this is done and how to integrated the changes.

4. The zoom works in the following way: when a product has a picture in high resolution added it makes a thumbnail on the product details page and when hover over it, the zoom display part of the original picture on the right. So it all depends on the resolution of the picture of the product. It works that way because if it zooms a picture with low resolution, the zoomed picture will be with very bad quality. That is why you see the image repeated on the right, because the original image is with smaller resolution and dimensions. For best outlook on the theme the pictures of the product should be in high resolution in ratio width:height 230px : 345px

The recommended settings for pictures are with aspect ratio width:height = 230px : 345px. i.e 400x600 , 600x900 etc. No less than 400x600 (width x height).
Also all images in the web site should be consistent in terms of aspect ratio 2:3 i.e you can have one picture 400x600 and another 600x900 but it is fine as long as you keep the aspect ratio to be 2:3.

6. By design products and news are not displayed on the home page. You can propose it on https://noptemplates.uservoice.com.If you think this is urgent in your case we can send you instructions on how to add them on the home page.

7. Which part of the footer you want to change. There is a topic for the share buttons in the footer. The view for the footer can be found in ~\Themes\Fashion\Views\Common\InfoBlock.cshtml

8. You can add the sitemap in the ~\Themes\Fashion\Views\Home\Index.cshtml view at the bottom, but it will need to be styled appropriately.

If you have any other queries please do not hesitate to contact us again.

We will keep you posted on the fixes we make on the Nop Fashion Theme.

Hi,

I suppose you are using nopCommerce under a virtual directory?
If so, this problem has already been fixed. Please download the latest NopQuickTab package from your My Account section and replace just this file:

\SevenSpikes.Nop.Plugins.NopQuickTabs\Views\ProductTab\_ProductTabs.cshtml

Please let us know if you encounter any problems!

Best Regards,

Hi Max,

Just to make sure we are on the same page - You want to have links to some topic pages in the Header Menu and you want to have the content of some of your tabs to be shown on the Topic pages?

Adding links to topic pages is pretty easy just take a look at the Header Menu Razor view file SevenSpikes.Nop.Plugins.CategoriesHeaderMenu\Views\CategoriesHeaderMenu.cshtml

Unfortunately the Topic pages in nopCommerce are simply static html pages and you can't execute any Razor syntax in them. So it is not possible to show the content of a given tab inside a Topic page in nopCommerce.

You can create two topics and copy the content of your two tabs in these topics.
So you will have two topics named - Model and Prototype
Then in the Header menu file add these two lines:
<li><a href="@Url.RouteUrl("Topic", new { SystemName = "Model" })">Model</a></li>
        <li><a href="@Url.RouteUrl("Topic", new { SystemName = "Prototype" })">Prototype</a></li>

This way you will add links to your two topic pages.

Let us know if this answers your question.

Best Regards,
Nop-Tempaltes Support Team

Hi guys,

We uploaded a new version of the Fashion theme for nopCommerce 2.5 that includes the quantity text box on the product page.
You can see it on our demo site:
http://themes.fashion.nop-templates.com/p/1/contrasting-trims-dress

You need to press Ctrl + F5 several times in your browser, so that the new css to be loaded and not your cached one.

Any feedback is welcome!

Best Regards,
Nop-Templates Support Team

Hi Max,

This will be possible if again the Ajax option is not enabled.
You need to add an additional check if the Model.Description is not null or empty string.

Simply change the code on line 183 in _ProductTabs.cshtml file like this:

@if (Model.Settings.EnableProductFullDescriptionTab && !String.IsNullOrEmpty(Model.Description))

Hope this helps!

Best Regards,
Nop-Templates Support Team

Yes, we will post here.

Thanks

Hi maxkomarov,

This is not possible out of the box.
To do this you need to modify the Razor view for the tabs a little bit.
The easiest way to do this is when Ajax is not enabled.
Open Views\ProductTab\_ProductTabs.cshtml file in Visual Studio or some text editor. Cut the code from line 203-207 (see the code below) and paste it on line 183 just after the opening <li> tag and before the product description tab check.

@foreach (var tab in Model.Tabs)
{
  divs.Add(new KeyValuePair<string, string>("tabs-" + tab.Id.ToString(), tab.Description));
<li><a href="#[email protected]">@tab.DisplayName</a> </li>                
}

We assume you are using version 2.5 of the Tabs otherwise the line numbers will be a little bit different.
Please let us know if you have any problems doing this!

Hope this helps!
Nop-Templates Support Team