Issue With Shortcode On Post – Fancy Basket Going Under Image

[jelboy7413]

Hi,

I’m attempting to build a PPV video website. Our post layout for selling has the show poster in quite big on left. With synopsis, buy options etc on right. We want to have the basket display once a user clicks add to basket. Which it does however it goes very strange and half of the widget is under the image. Can you tell me how to fix this? Just the widget works fine on the sidebar. Just not on the page.

Here’s a snapshot of the issue – [http://prntscr.com/pjmul]

And here’s the page – [http://ukprowrestling.com/pbw-test/]

You can probably imagine from viewing the picture what I’m trying to accomplish.

Please let me know,

[admin]

The image you embedded on that page has a float property which is messing up the display of the cart. You gotta be a little careful when you use floating elements. You can put the shopping cart shortcode below the Youtube video so it can be on its own without being affected by that image.

Alternatively, add the following CSS to the custom CSS file of the eStore plugin to add a margin to the left which should also make it so the cart is not overlapping with the image.

.eStore_fancy1_cart_wrapper{

margin-left:540px;

}

[jelboy7413]

I tried both. Neither seemed to work. Preferbly I’d like to have the cart above the Youtube Video. So probably best to explain the CSS Stuff?

[jelboy7413]

EDIT: Realised it’s going to effect me using the widget on sidebar. So will look into placing it under YouTube video.

Or is there something I can do to the image it’s self?

[Peter]

If you add the CSS code which Admin recommended in the wp_eStore_custom_style.css file you will get the desired effect – ie, the cart will appear neatly above the video on the RHS. (I just tried it using firebug and it works perfectly)

[jelboy7413]

Thanks. Had put in CSS File the wrong way.

The only issue now is that it messes up the widget in the side bar. Any idea’s?

[admin]

I would need to see the page again so see what you mean by “messes up”. When I went to your site again it had the “coming soon” message so I couldn’t see. Please remove the coming soon thing so I can check it.

[jelboy7413]

What I mean is it’s working fine on page now. But when I want to use the widget on the sidebar on homepage. It doesn’t display. Probably because it’s moved to left.

[jelboy7413]

I have unlocked site for time being. ukprowrestling.com

[admin]

Okay yeah that issue is coming from the custom CSS that was applied to fix on that page. Take that CSS out because it is going to create this other issue.

Lets try a different approach. Use the following code in your [http://ukprowrestling.com/pbw-test/] page to place the eStore shopping cart shortcode:

<div style="margin-left:540px;">

[wp_eStore_cart]

</div>

You will need to paste the above code in the HTML view of your Post/Page editor.

The above will only apply that margin on that page only so it shouldn’t mess anything up somewhere else.

[jelboy7413]

Perfect. Thank you

[Author]

Posts