Template Fluorspar

chadlly2003:

Just look at you site. Look like you got it.

Can i make one suggestion lets have zencart called the image size instead of the css. Once you make the changes below go to backend of zencart
and adjust your new 'product image size' there.

Once that is done look at how nice your images look on mobile and desktop. Big difference in quality of the image.

path: responsive.css
line:47
find this and remove....

img.listingProductImage{width:30%;}

> 
> path: responsive.css
> line:150
> find this and remove....
> ```
img.listingProductImage{width:60%;}

I have already removed these 2 codes from the file.

wmorris:

I have already removed these 2 codes from the file.

by remove the code it looks like it worked.
The images are now correctly sized. And the responsiveness from mobile to desktop is a lot cleaner.

Now have you gone into the backend of zencart you should be able to change the size if of the image
by going to be backend as mentioned in a previous post.

New Products Width
Product All Listing Width etc

I meant to say you have the option of going into the back end of zen cart and change the image size from the admin section as mentioned in a previous post.

Is Fluorspar a total No-Go in 2.1.0? I really like the look and feel of Fluorspar, so installed it in 2.0.1 to see what would happen. My Store is a small subset of Zen Cart – Picture Gallery with Prices and a Contact Us email link for more information. No customer registration /login, no shopping cart, no shipping calculator or credit cards on file and such. There’s essentially no back end to it.

Here’s what I saw comparing Fluorspar with Responsive Classic:

Drop-down sorter on the New Products/Featured Products, etc. pages, but not one when you select Products by Category.

Not clear how to reconfigure the dropdown menu in the header. I did it originally (1.5.8), but looks like 2.1.0 is a completely different. In a pinch, I could live without the dropdown though.

That's about all I found that was potentially problematic.

Asking in my role as a store-owner – would definitely consider having a pro make the fixes if it’s feasible.

I noticed that the pulldown "Sort by" products list is not present in Fluorspar when you select a category.

It's present when you select Responsive Classic, so I don't think it's based on my Admin settings.

What would it take to fix that?

I wonder if anyone can help me on the product info page. The area where the Model# and Manufactured is how can I add Product size and add a extra line for my Product Materials?

I am having some problems with the menu. How can I widen the menu list.
Here is the image what I am talking about.

wmorris:

I am having some problems with the menu. How can I widen the menu list.
Here is the image what I am talking about.

Give me a URL and I can take a look for you.

chadlly2003:

Give me a URL and I can take a look for you.

Sorry took so long I was working at my main job. Here is the link https://www.galaxyhomedecor.us for the desktop version.

It's all a result of the css rule and the width setting. Understand that you will need to make some major changes to the way it's built or specify a width based on screen size.

.mega-menu li ul li {    font-size: 1em;
    position: relative;
    margin: 0;
    float: left;
    text-align: left;
    width: 160px;
}

dbltoe:

It's all a result of the css rule and the width setting. Understand that you will need to make some major changes to the way it's built or specify a width based on screen size.

.mega-menu li ul li { font-size: 1em;
position: relative;
margin: 0;
float: left;
text-align: left;
width: 160px;
}

Ok, I have found that code. What do I need to change?

The reason you having that issue is because the text is too long for the size. To fix the issue lets create a word-break on that specific line.

put this at the very bottom of /includes/templates/fluorspar/css/stylesheet_header_menu.css

@media (min-width: 768px) {
    a[href*="cPath=14_26"] {
    display: inline-block;
    width: 100px;        
    word-break: break-word;
    }
}

chadlly2003:

The reason you having that issue is because the text is too long for the size. To fix the issue lets create a word-break on that specific line.

put this at the very bottom of /includes/templates/fluorspar/css/stylesheet_header_menu.css

@media (min-width: 768px) {
a[href*="cPath=14_26"] {
display: inline-block;
width: 100px;
word-break: break-word;
}
}

That didn't work still no change.

chadlly2003:

The reason you having that issue is because the text is too long for the size. To fix the issue lets create a word-break on that specific line.

put this at the very bottom of /includes/templates/fluorspar/css/stylesheet_header_menu.css

@media (min-width: 768px) {
a[href*="cPath=14_26"] {
display: inline-block;
width: 100px;
word-break: break-word;
}
}

I guess that will do. Can you also help me with another area? I need help in the product info pages. Where the Model, Weight and Manufactured part. I need help displaying the dimensions and add another line for my materials of the products.

wmorris:

I guess that will do. Can you also help me with another area? I need help in the product info pages. Where the Model, Weight and Manufactured part. I need help displaying the dimensions and add another line for my materials of the products.

there a few way to accomplish what your looking for. I would start with this plugin
https://www.numinix.com/numinix-product-fields-for-zen-cart-800

this will get the fields you want into the product page. Let m know if you need more assistance.

chadlly2003:

there a few way to accomplish what your looking for. I would start with this plugin
https://www.numinix.com/numinix-product-fields-for-zen-cart-800

this will get the fields you want into the product page. Let m know if you need more assistance.
Unfortunately, I would not classify that mod as ready for prime time. Especially if you are not familiar with code.

wmorris:

I guess that will do. Can you also help me with another area? I need help in the product info pages. Where the Model, Weight and Manufactured part. I need help displaying the dimensions and add another line for my materials of the products.

Do you have the dimensions and material information stored in the products table in the database? And are you just looking to display that information on the product page

How can I disable the slider on the index page? The best way.