Product image issues, page display, & home page fine tuning

Love this theme and plugins!

I have a few issues in using Fashion 2.50 Theme:

1.  On the product detail page, I do not need image/text/link for "What size am I?" and "Item measurements".  I was able to delete the text in nopadmin area (Languages>Resource Strings), but am now left with odd display on public site.  Can you direct me to where to delete or comment out these two features?

2.  On the product detail page, I would like to reuse the the image/text/link for "free return shipping".  I have edited the text in nop admin area (Languages>Resource Strings), but am left with odd display on public site.  Ultimately, would like to just change the image size and add my own image with hyperlink regarding my Free Shipping offer.

3.  Product variant attributes should display with attribute title followed by attribute description.  Instead, the two lines are superimposed over each other on the public site.

4.  Main image with image cloud zoom.  First, the image proportions are distorted (more for some images than others).  Can this be corrected by using only product images of particular dimensions?  Second, the zoom sometimes multiplies the image (rather than enlarging it), into 2, 4, or 6 repeats of the same image.

5.  [Product images.  When there are multiple product images, they are not displaying correctly and are covered by the tabs section on the top right of the page.]  Apparently, resolving itself--looks OK, today!

You can see examples of all of the above on this page:  http://thatrvplace.com/p/5159

6.  Home Page.  Can I add Featured Products/News?

7.  Footer.  Is there an easy way to edit/add?

8.  Ultimately, would love to add a footer.sitemap after the Footer (on homepage only), too.[u][/u]

Thanks for any help!

castironcook

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.

Thanks so much for the prompt reply.  My apologies for a rather extensive list.  Sure will help me to get these issues resolved in short order (today).

"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."

This is an urgent fix.  If it will take some time, shall I change any existing attributes to drop-downs only?  I really need the attributes to function in order to accept orders for many of my products.

Btw, I commented out as described for issue 1 (and made edits for #2) without success.

Thanks.

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!

Thank you for the update for Product Attribute display!

And, you're right--I edited one page and it was the wrong one.

One remaining issue for me is the fact that multiple product variants do not display. Is this 'bug' close to being fixed?

Hi,

The Nop Fashion Theme is designed for single product variant and the lack of multi product variants is not a bug. But as we now have more and more customers asking about multi product variants support we will add this functionality in the near future or for nopComemrce v.2.6 the latest.

Hope that helps!

Hi,
I'm interested in buying your template, but dealing with multiple product variants is critical for me. Do you think you can offer the update that can deal with it soon?
And second question: Is it possible to configure checkbox filters to have "AND" behavior, instead of "OR"? For example I have some attribute called "Buzzwords". Product can contain multiple buzzwords and I want that user will be able to search for a product that is "Smart" AND "Secure" AND "Durable".

Thanks in advance.

Hi,

The Nop Fashion Theme now supports multiple product variants.
As to changing the logic of the filters, this would be quite difficult to do in a clean way, as there is no way to specify semantic dependency between specification attribute values in nopCommerce. In other words, if a product has a specification it has it and this is not changed by the fact that it has other specifications or not. The filtering mechanism and filter refresh logic is implemented to represent this semantics and changing this is not an easy task.
Alternatively you can achieve this by creating separate specification attributes for all the different buzzwords.
I hope this information is useful!
Please let us know if you have additional questions, we will be happy to help!

Best Regards