Place Video Under Photo Instead Of Under Text?

I'm using the "Store Pages" layout for some items.

I have an instructional video for them, but the video embeds below the description text (and above the prices/options etc). This means the left side of the screen is just the photo of the item, then the right side has a block of text, followed by the embedded video, with the prices/option below that (and off the screen, so you need to scroll down).

Is there any way to edit the CSS so the video is embedded under the item photo on the left side of the screen, rather than under the text on the right?

Edited Thu Oct 26, 17 4:12 AM by Jamie Benaud

Not really a way to do that but you can make it so the prices/options/add to cart is above the text and video.

To do so, go to Design -> Page Display & Content Listing Layouts.

Under the Page Display Layouts, click the Store one.

Look for these 2 lines of code:


<div class="text"><?php pageText(); ?></div>

<div><?php productCart();?></div>

And swap them like this:

<div><?php productCart();?></div>

<div class="text"><?php pageText(); ?></div>

Edited by

Thanks Tim, that will be better.

Edited by