cciknives
Advanced Member
Canada
235 Posts Pre-sales questions only (More Details...)
|
Posted - 11/06/2023 : 09:24:31
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
|
cciknives
Advanced Member
Canada
235 Posts Pre-sales questions only (More Details...)
|
Posted - 11/06/2023 : 09:58:59
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
|
dbdave
ECT Moderator
USA
10426 Posts |
Posted - 11/06/2023 : 10:08:28
Hi, you should be able to move it, by placing it in the order you like in the detailpagelayout= setting.
Thanks, David
|
cciknives
Advanced Member
Canada
235 Posts Pre-sales questions only (More Details...)
|
Posted - 11/06/2023 : 10:56:55
Hi Dave,
I tried moving the minquantity in the line and no changes, nothing happens.
Thanks
CCI - Tools for the Discriminating Chef
|
cciknives
Advanced Member
Canada
235 Posts Pre-sales questions only (More Details...)
|
Posted - 11/06/2023 : 11:00:29
I also noticed that there is no div class="detailminquant" in the file ectstyle1.css
Perhaps the issue?
CCI - Tools for the Discriminating Chef
|
dbdave
ECT Moderator
USA
10426 Posts |
Posted - 11/06/2023 : 11:25:58
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
|
cciknives
Advanced Member
Canada
235 Posts Pre-sales questions only (More Details...)
|
Posted - 11/06/2023 : 12:03:47
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
|
dbdave
ECT Moderator
USA
10426 Posts |
Posted - 11/06/2023 : 12:12:49
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
|
cciknives
Advanced Member
Canada
235 Posts Pre-sales questions only (More Details...)
|
Posted - 11/06/2023 : 12:27:10
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
|
dbdave
ECT Moderator
USA
10426 Posts |
Posted - 11/06/2023 : 13:33:28
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
|
cciknives
Advanced Member
Canada
235 Posts Pre-sales questions only (More Details...)
|
Posted - 11/06/2023 : 13:52:55
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
|
dbdave
ECT Moderator
USA
10426 Posts |
Posted - 11/06/2023 : 14:41:01
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
|
cciknives
Advanced Member
Canada
235 Posts Pre-sales questions only (More Details...)
|
Posted - 11/07/2023 : 08:05:25
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
|
dbdave
ECT Moderator
USA
10426 Posts |
Posted - 11/07/2023 : 09:22:26
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
|
cciknives
Advanced Member
Canada
235 Posts Pre-sales questions only (More Details...)
|
Posted - 11/07/2023 : 13:47:05
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
|
dbdave
ECT Moderator
USA
10426 Posts |
Posted - 11/07/2023 : 14:55:50
Hi, try adding this to your stylesheet
div.detailminquant { float: left; width: 50%; }
Thanks, David
|
cciknives
Advanced Member
Canada
235 Posts Pre-sales questions only (More Details...)
|
Posted - 11/08/2023 : 06:45:00
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
|
dbdave
ECT Moderator
USA
10426 Posts |
Posted - 11/08/2023 : 08:24:29
Hi Peter, use this,
div.quantity2div { display: flex; }
David
|
cciknives
Advanced Member
Canada
235 Posts Pre-sales questions only (More Details...)
|
Posted - 11/08/2023 : 09:27:35
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
|
dbdave
ECT Moderator
USA
10426 Posts |
Posted - 11/08/2023 : 09:31:21
|
|
|