Dnj1964 5 Posted February 10 (edited) When adding product options the standard layout is to display options to the right of the product image. Wanting to display the options below the image tried modifying the code in \includes\modules\content\product_info\cm_pi_gallery.php My knowledge of php is throw html at it until it works or breaks. Then start again. This is on CE BS4 Php 7.1.25 The add-on is: JcM Product info description_tabs CE By JcMagpie Add-on works perfectly, it is a width issue with the attributes beside the image instead of below it Edited February 10 by Dnj1964 Share this post Link to post Share on other sites
♥JcMagpie 717 Posted February 10 (edited) Place the options at a higher number than the image and make them full width, that will lace it below the image. Then if image is not full width use a little css to place options below by moving it left or right. Edited February 10 by JcMagpie Share this post Link to post Share on other sites
♥JcMagpie 717 Posted February 10 The only problem you have is that if you do not set width to 12 it will pull left! So it must be 12 wide or share the width with another part? or as I said set to width required and fudge using css ( unless I'm missing something which some one may point out) Share this post Link to post Share on other sites
♥JcMagpie 717 Posted February 10 Setting it to 4 wide will give this, Share this post Link to post Share on other sites
♥JcMagpie 717 Posted February 10 Quick and dirty css fix, .col-sm-4.cm-pi-options-attributes { margin-left: 65% !important; } will give this, I think that is what you were after. Share this post Link to post Share on other sites
Dnj1964 5 Posted February 10 Got it. Gonna give it a go right now Thanks Share this post Link to post Share on other sites
Hotclutch 91 Posted February 10 4 hours ago, JcMagpie said: Quick and dirty css fix, .col-sm-4.cm-pi-options-attributes { margin-left: 65% !important; } will give this, I think that is what you were after. Try using class="ml-auto" instead of doing this. 1 raiwa reacted to this Share this post Link to post Share on other sites
♥JcMagpie 717 Posted February 10 Yes but that would require the OP editing a stock file! css can just be dumped in user.css or have I missed somthing? Share this post Link to post Share on other sites
Dnj1964 5 Posted February 10 (edited) Added another product without any options/attributes and the image totally refuses to move. Set image to 12 which should relocate it directly below the Add To Cart. And left column is also being ignored and is placed below the tabs Back to the drawing board. Edited February 10 by Dnj1964 Share this post Link to post Share on other sites
♥JcMagpie 717 Posted February 10 Check you html output it will show the problem causing this or pm link to debug. Share this post Link to post Share on other sites
Dnj1964 5 Posted February 10 One issue found Not really related .rmm.style ul ul li a { padding: 2px 50px; color:#B62285;; } To lazy to type copy and pasted a bit to much Share this post Link to post Share on other sites
Hotclutch 91 Posted February 10 41 minutes ago, JcMagpie said: Yes but that would require the OP editing a stock file! css can just be dumped in user.css or have I missed somthing? The notion of not wanting to edit "stock" files is ridiculous. The CE is not a product that allows for this. There's a difference between a core file and a template file. Users should be encouraged to change template files instead of dumping everything into a user.css, which loads on every page. Totally inefficient, besides the fact that you're now adding redundant layers of CSS, duplicating the bootstrap CSS. 2 raiwa and Dan Cole reacted to this Share this post Link to post Share on other sites
♥JcMagpie 717 Posted February 10 Well each to his own, I'm keeping clear of this. 😂 Share this post Link to post Share on other sites
Dnj1964 5 Posted February 10 JcMagpie Solved my issue, was a width issue. Amazing, after I butcher his code to suit my own purposes he fixes for me! Absolutely unbelievable. A huge thank you! All the help is greatly appreciated. Share this post Link to post Share on other sites
Dnj1964 5 Posted February 11 Ok quite possibly I am stupid, but I don't see where to Warranty Information or Manuals Share this post Link to post Share on other sites
♥JcMagpie 717 Posted February 11 (edited) warrenty text uses the keyword box in products edit page. Manuals are independent of the code, you simply folow instructions in readme file and make folder and put the pdf files with corect name into it. public_html/manuals if your product has model number "Galaxy S9" then you make the manuals named as Galaxy S9_PDF1.pdf Galaxy S9_PDF2.pdf and simply place them in the folder and they will be automaticly picked up and displayed. If a product has no manuals then it simply displays no manual available for this product. Edited February 11 by JcMagpie Share this post Link to post Share on other sites