Hello,

Is there a way to show a products minimum order quantity on the products page and/or the products details page.

I have looked at the includes.asp file and there is no option in the detailpagelayout= for example "minordqty"

I was hoping to avoid having to add this information via text on every item.

Any suggestions please.

Thanks

CCI - Tools for the Discriminating Chef

OK, I found in the forum "minquantity" and was missing in my includes file.

Now I have a formatting issue in where the text is displayed. Can I move this around to perhaps just above the order button?

https://www.canadacutlery.ca/proddetail.asp?prod=%23T30001.62471

Best Regards,

CCI - Tools for the Discriminating Chef

Hi, you should be able to move it, by placing it in the order you like in the detailpagelayout= setting.

Thanks,
David

Hi Dave,

I tried moving the minquantity in the line and no changes, nothing happens.

Thanks

CCI - Tools for the Discriminating Chef

I also noticed that there is no div class="detailminquant" in the file ectstyle1.css

Perhaps the issue?

CCI - Tools for the Discriminating Chef

Hi, I see the minimum quantity message twice on the page, but I am guessing you are taking about the one that's wonky at the top there.

There is some styling for that div in the ectcart.css file, but it is just a margin setting.
You will want to add your own styling to that, in your sites css file and avoid editing the ect css files to make updating easier.

I am guessing it is in the position you want, you just need some styling - likely to clear a float as well.

David

Correct Dave, it is the top right wonky text that I want to move down to just above the "Special Order" purchase button. Moving the placing position in the setting detailpagelayout= does not change anything.

What should I do to fix that position problem as I don't want it where it is but rather above the quantity selection box and Special Order button?

Additionally, I have removed the text description so not to confuse the formatting issue.

Thanks



CCI - Tools for the Discriminating Chef

Hi, right now, in the code, it's between the price and the short description.
Can you post up what you have set for detailpagelayout=
Be sure to check your includes, and your proddetail.asp pages for this setting as it may be duplicated.

Thanks,
David

detailpagelayout="navigation,productimage,productname,discounts,price,minquantity,listprice,currency,reviewstarslarge,shortdescription,options,quantity,addtocart,productid,sku,description,previousnext,socialmedia,reviews"

Above is what I have in the includes.asp file.



CCI - Tools for the Discriminating Chef

Hi, actually checking the site closer, this
detailpagelayout="navigation,productimage,productname,discounts,price,minquantity,listprice,currency,reviewstarslarge,shortdescription,options,quantity,addtocart,productid,sku,description,previousnext,socialmedia,reviews"
seems correct looking at the page.

the ones in red, are not showing on the page.
So as I mentioned earlier, the min quantity is showing right between the price and the short description.

You should move it here if you want it above the buy button
detailpagelayout="navigation,productimage,productname,discounts,price,listprice,currency,reviewstarslarge,shortdescription,options,quantity,minquantity,addtocart,productid,sku,description,previousnext,socialmedia,reviews"

David

OK, so I moved the minquantity in the includes file and same wonky text.

Sorry, but I just don't get this one.

Best Regards, Peter

CCI - Tools for the Discriminating Chef

Ok, it's in the right place in the code now, but you need to get some css changes in to get it down where you want it.
You need the following css for the minimum quantity

div.minquant {
clear: left;
}

Then it drops way down the page because your image div is set to a minimum height of 400px and that image is only about 200px tall.
So in the ectstyle.css file you have this
div.detailimage {
width: 45%;
padding: 10px;
float: left;
min-height: 400px;
}

So I suggest you set this in your style.css file
div.detailimage {
min-height: 200px;
}

David

Good Morning Dave,

OK so I made the changes as follows as I was having trouble with your coding.

div.detailminquant {
clear: left;
}

div.detailimage {
min-height: 200px !important;
}

However my problem now is that the information on minimum order, add to cart, product ID and UPC are all under the graphic. I would like to keep them all to the right and all under the text and pricing.
https://www.canadacutlery.ca/proddetail.asp?prod=%231375


Best regards, Peter

CCI - Tools for the Discriminating Chef

Hi, I see that now.
It's really just a matter of looking at the other css and working through it.
You will want to work out the floats and widths to make that happen.
You should use your browser (inspect) to work through it and then add the changes to your style sheet to make it final.
Here is a good page that explains using inspect to work with css in your browser.

https://zapier.com/blog/inspect-element-tutorial/

Post back if you're having trouble working it out.

Thanks,
David

Yah, sorry Dave I am going to need your help on this one as I am an armature at all this. A lot of guessing on my part.

I don't expect coding for free Dave so if there is a charge just let me know how we handle that one.

Thanks, Peter

CCI - Tools for the Discriminating Chef

Hi, try adding this to your stylesheet

div.detailminquant {
float: left;
width: 50%;
}

Thanks,
David

Great, it worked.

If I can just get one more advice. How do I cancel out in my style.css file the entry from ectstyle1.css line 861 the display: inline-block; from div.quantity2div

I noticed if I un-check this in inspect the quantity input box ends up the same size as the special order button.

Best regards, Peter

CCI - Tools for the Discriminating Chef

Hi Peter, use this,

div.quantity2div {
display: flex;
}

David

OK that worked however I had to add "!Important" to force the fix. I think that makes sense?

div.quantity2div {
display: flex !important;
}

Thanks Dave

Best regards, Peter

CCI - Tools for the Discriminating Chef