Ken_Shea Posted February 8, 2014 Posted February 8, 2014 This central image location started at some point that I am unaware. Likely with some mod editions. How can it's placement be shifted to the right so that more textual space can be used. Thank you Ken
♥Tsimi Posted February 9, 2014 Posted February 9, 2014 the image has usually a float: right setting. <div id="piGal" style="float: right;"> can you please post the product_info.php file? so we can see what you did in there.
Ken_Shea Posted February 9, 2014 Author Posted February 9, 2014 Attached Tsimi. I see a number of float: right Thanks Ken product_info.php
♥Tsimi Posted February 9, 2014 Posted February 9, 2014 Hi Ken The product info file has a lot SEO Code inside that i'm not familiar with. Ist it Jacks SEO Add-on? The original floats seem all untouched. Maybe the SEO code pushes the image to the left? Try to use Firefox Web Developer to see if there is a div class or space pushing the image. this code could be the cause? if (HEADER_TAGS_DISPLAY_SOCIAL_BOOKMARKS == 'true') { echo '<div style="float:right; margin-top:5px; margin-right:4px;">'; include(DIR_WS_MODULES . 'header_tags_social_bookmarks.php'); echo '</div>'; as i said i'm not really familiar with that SEO Code. I use a different one.
Ken_Shea Posted February 9, 2014 Author Posted February 9, 2014 I understand, yes, it is Jacks. Thank you for taking the time to help. Ken
Dan Cole Posted February 9, 2014 Posted February 9, 2014 You could comment that code out for a moment or two to see if it is indeed the problem. Need help? See this thread and provide the information requested. Is your version of osC up to date? You'll find the latest osC community version (CE Phoenix) here.
Ken_Shea Posted February 9, 2014 Author Posted February 9, 2014 You could comment that code out for a moment or two to see if it is indeed the problem. Was a good idea, but no Joy :( Thanks
♥joli1811 Posted February 9, 2014 Posted February 9, 2014 I have seen this problem before when only one image is used in the product description so several solutions 1: would be adding something like kiss thumbnail including the product part of the install which may solve if my memory serves me correct. 2: If it is indeed because you use only x 1 image that one being the image in the product table: and have no actual second image in the products_image table: there is a simple sql which you can run which will take the image from the products table and duplicate in the product_image table. Will post if you need. 3: If you go to your stylesheets and play about a bit with one or both of codes below you should be able to move the image to the right you probaby only need the margin-right: -90px; the margin left maybe will help to give the text a bit more space bit of trail and error install google webmaster tools and you can edit your css in the browser and see the changes you make live. Of course you will need to adjust the pixels to suit your store #piGal .outer { margin-left: -100px; margin-right: -90px; } Is it indeed true that you only use x 1 image at the minute??? Regards Joli PS: 4 : would be to change the grid code a bit in product_info but a bit more work. To improve is to change; to be perfect is to change often.
burt Posted February 9, 2014 Posted February 9, 2014 Find: <div> <h1 style="float: right;"><?php echo $products_price; ?></h1> <h1><?php echo $products_name; ?></h1> </div> Add after: <div class="clear"></div>
Ken_Shea Posted February 10, 2014 Author Posted February 10, 2014 John, Your solution does work, but the way OSC apparently scales pictures it over laps RH info boxes on some pics and works perfectly on others. Thank you, going to keep that tip for possible use later. Burt, Your solution seems to be best, works perfectly on some and improves the position on others. Thanks What would be great is a way to maintain a fixed position on all of the upper RH corner picture position, this would line every picture perfectly to the next. It's is a definite improvement and workable as is. .
Ken_Shea Posted February 10, 2014 Author Posted February 10, 2014 John, Forgot to mention, some are single pictures others multiple, same issues with either though.
♥joli1811 Posted February 10, 2014 Posted February 10, 2014 Just playing this seems to help around line 73 <div id="piGal" style="float: right;" align="right"> May need a bit of padding if they are to close to the edge To improve is to change; to be perfect is to change often.
multimixer Posted February 10, 2014 Posted February 10, 2014 Find: <div> <h1 style="float: right;"><?php echo $products_price; ?></h1> <h1><?php echo $products_name; ?></h1> </div> Add after: <div class="clear"></div> Other option Find <div> <h1 style="float: right;"><?php echo $products_price; ?></h1> <h1><?php echo $products_name; ?></h1> </div> Change to <div style="overflow:hidden"> <h1 style="float: right;"><?php echo $products_price; ?></h1> <h1><?php echo $products_name; ?></h1> </div> My community profile | Template system for osCommerce - New: Responsive | Feedback channel
Ken_Shea Posted February 10, 2014 Author Posted February 10, 2014 Will play with both of those this evening and report back.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.