Image as background

If you are integrating with WordPress or WooCommerce, start here.
Posts: 1
Joined: Thu Feb 21, 2019 2:32 pm

Image as background

Postby dleonelli » Thu Feb 21, 2019 2:42 pm

I was wondering if a custom background could be an image? The effect I would like to achieve is a rotating product shot using a png with a transparent background overlaid on top of a non-rotating image.

Posts: 943
Joined: Thu Aug 23, 2012 11:35 am
Location: Pasadena, CA

Re: Image as background

Postby WebSupport » Thu Feb 21, 2019 11:27 pm

Hi, if you are using transparent 360 product images (pngs), you can force the viewer to use a transparent background by overriding the viewer background style in your theme CSS, or try to use the background property of the shortcode like this:

Code: Select all

[wr360embed name="view2" width="100%" background="rgba(0,0,0,0)" config="url-of-the-viewer-config.xml"]

We haven't tested this background value, i.e rgba in the wordpress shortcodes but it will likely work. If it doesn't work, let us know and we will advise on how to override the viewer background in your theme CSS.

The end result is that the viewer will be transparent so if your parent container on this page has a background image, it will be visible.

Return to “WordPress and WooCommerce Integration”