Profile

Topic: Image Distortion

Posted: 7 years ago

GreatAdventure wrote:

Thanks Aleks,

I was checking to be sure it wasn't caused by something that I did.

If your fix is easy, I would like to hear about it. Otherwise we will have to get busy and modify the aspect ratio on the distorted images.

The distortion only happens to images that are in a portrait aspect ratio. Square and landscape work fine.

Here is a section of our website with some distorted images (hiking poles)
http://www.adventuregear.ca/hiking-poles

Thank you,
Shawn

I found that there's a style that actually forcefully stretches the imagese, so basically removing it would fix the problem :)

The code you need to remove is:

.item-box .picture img {
width: 100%;
}

Topic: Image Distortion

Posted: 7 years ago

GreatAdventure wrote:

Using Nop Traction Theme, do product images shown in categories need to be either square or have an aspect ratio that is larger horizontally than vertically?

The reason I’m asking is because our images of products when viewed in their category are distorted if the image is taller than it is wide.

I hadn’t noticed this distortion in the past, so I wasn’t sure if I had just missed it, or if I inadvertently changed something. I have recently changed to using Blob storage in Azure, so not sure if it is related, or if images always had to have a landscape ratio.

Thank you,
Shawn

Hi,

I could suggest a fix depending on what you want to achieve in the end. By default the theme is intended for square images, so if you have images with different dimensions, they are going to get distorted.

Could you provide a link to your website, so that I could perceive the situation better ?

Topic: How to change shape of category item box on home page

Posted: 7 years ago

izivanovic wrote:

Hi,

Any idea how to change shape of category item box on home page to square.
I try this (comment border-radius property), but dosn't work:

Nop.Web\Themes\Allure\Content\css\styles.css(1648)

.home-page-category-grid .item-box,
.sub-category-grid .item-box
{
   max-width: 100%;
   /*border-radius: 100%;*/
   overflow: hidden;
   border: 5px solid #fff;
   background: #fff;
}

Hi,

what you did was correct, but you need to do one more thing. Find this code in the same file:

.home-page-category-grid .category-item, .sub-category-item {
-webkit-mask-image: url(/Themes/Allure/Content/img/1.png);
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
-webkit-transform: translateZ(0) scale(1,1);
}

and comment it also. Now with this code and the border-radius out of the way, the images are going to appear rectangular.

Topic: Filtering

Posted: 8 years ago

[email protected] wrote:

Hello, bit of a noob question here.. how do I enable filtering on attributes inside a category? Hopefully filtering on specification attributes, not product attributes.. what does it use by default?

Cheers!

Hi,

if you go to Administration/Plugins/7Spikes Plugins/Nop Ajax Filters/Settings/Ajax Filters Availability Settings , there is a settings called "Enable Specifications Filter:" which by default is enabled. If not, enable it and the AjaxFilters would filter by specification, too.

Topic: Number of categories in a row

Posted: 8 years ago

Darumatech wrote:

I wanted to try changing this as well, but when I search for this "NumberOfCategoriesPerRow" in "All Settings" I get no results. I've also tried searching for "4" in value, but I am not finding it. What is the full name of the setting? Will adding this as a record and setting the value work?

URL: http://rosenfeld.darumatech.com/

The full name of the setting is MegaMenuSettings.NumberOfCategoriesPerRow.

Could you please create a ticket about this issue, and give us admin credentials there, so I could investigate it ?

Topic: Main navigation child menu items

Posted: 8 years ago

jkeeler wrote:

How can I create a child menu item? I am not using the mega menu plugin either, just the standard menu. Using an older version of Nop as well (3.2 on this particular URL). Thank you.

Hi,

could you provide a link to your website ?

Topic: Hover evect on home page categoris

Posted: 8 years ago

deselt wrote:

We just update on latest version 3.7.428.19570 and it not show category name on home page categories with hover effect.
https://www.cycleheart.com/

Find this styling in your styles.css and change the z-index from 1 to 2:

.home-page-category-grid .item-box .title {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
font-size: 18px;
line-height: 60px;
text-align: center;
color: #444;
}

Please create only one topic for a certain issue. Thank you!

Topic: Number of categories in a row

Posted: 8 years ago

Juson wrote:

Go to you administration, then Configuration -> Settings -> All Settings. Click on the funnel icon in the very first cell of the table and paste in the search this "NumberOfCategoriesPerRow" and click Filter. There should be a Value column with a cell with the number 4. Click Edit and change the number to your preference.

Did it solve the problem ? :)

Perfect!

Thank you for your help, great themes and plugins!

Great, happy to help :)

Topic: Number of categories in a row

Posted: 8 years ago

Go to you administration, then Configuration -> Settings -> All Settings. Click on the funnel icon in the very first cell of the table and paste in the search this "NumberOfCategoriesPerRow" and click Filter. There should be a Value column with a cell with the number 4. Click Edit and change the number to your preference.

Did it solve the problem ? :)

Topic: Number of categories in a row

Posted: 8 years ago

Juson wrote:

I got how to remove pictures and adjust width between categories.

Now I need menu with more categories in a row, not just 4.

Could you let me know how to make it?

Thanks

Hi Juson,

could you provide me with a link to your website, so that I could see how to achieve this effect ?