keithvaugh

That would be great Frank

https://www.magva.com

Thanks lorro, you are a champ. Got it working by changing to max-width in the @media.

I appreciate your help

@lorro
Thanks for the direction above. I managed to get of the way towards my requirements. What I have added is:

add_action('woocommerce_single_product_summary', 'badge', 25);
			function magva_badge() {
  			echo '<img src="http://localhost:8888/livesite/wp-content/uploads/2015/08/BADGE.png" style="width:220px;height:220px;">';
			}

The problem that remains is that this places the image of the badge either above or below the woocommerce_single_product_summary block (below as I have the priority set to 25). What I want to achieve is to have the badge placed to the right of the block. At present in the CSS (see below) I have set the width of this block to 68%, and ideally I’d like to have the image appear in the remaining 32%

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left;
    width: 68%;
}

I tried adding a float right to the image and adding a negative value to the margin-top, and while this works, if the width of the page is reduced (i.e. for mobile devices) it shifts the image behind the summary block.

Will have a scan. Thanks for the help Mike.

Ok I think I may be getting it. Each item has a unique ID and each order is associated with these unique ID’s. So in theory if the item ID is the same on both the development site and the live site it might be a matter of just replacing the table containing the orders. Would this be correct (assuming I am brave enough to try it). To be honest there is only one item I am concerned about and all orders are linked to this which might make it a relatively straight forward task.

I wouldn’t be afraid to give it a try – I have a second clone of the site on my local machine also that I can do some testing on without worry. Is there a particular table I should be on the look for that contains the orders (assuming I get courage to try).
Thanks for the help.

Thanks for responding Mike.
I am not sure if I will have conflicts. The original site was used as the starting point for the development, i.e. it was essentially cloned on a localhost. I’d think this should ensure all post ID’s etc would be the same. Granted some products where deleted on the development site and new ones added. There has been a handful of orders placed on the live site and I’d imagine the details for these have to reside in the SQL database. Is it not plausible to take the actual table storing these on the live site and merge it with, or even replace the version that would be on the development site?

Hi Lorro. Its not live at the moment – Just have it in a local environment. I have however advanced the code a little:

.woocommerce.product-columns-3 ul.products li.product, .woocommerce-page.product-columns-3 ul.products li.product {
    width: 32.32%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 1px 10px 0.1em 0;
    padding: 0;
    position: relative;
}

but I can’t get the right item to alight to the right had side. You can view an image at this Link. I want the third column to align to the blue dotted line on the right, just like the first column is aligned to the blue doted line on the left.
Thanks for you input

Did a little more searching on this, and while the above makes sense, what seems to be happening is that went polylang changes the path for ie. domain.com/en/wp-cont… it breaks the configuration.