Sitecore 8.1 A/B testing: How can I change the section position when I am performing testing

I am working on the Sitecore A/B testing and I would like to test my A version with my product section on the top, while in B version, my whole product section is on the bottom?

I have tried to figure it out in the Sitecore Jetstream demo site first (see the diagram in below). I want to move the whole bottom section upwards in my version B, while version A keep as it is. However, I cannot do so but only able to change the component within a section.

Can someone help me on this? Thanks in advance.

There are 2 types of Experience Optimization multivar, A/B tests in Sitecore, the component test and the page test. In your case which kind of test you need depends on the jet stream demo possibilities. With the page test you can test to a new page as long as it uses the same template. The component test is just for one component.

Create a new page where you move the hole section, and use a Sitecore page test. (If it is not possible to move the section, first change the template to make it possible)

See Create and Run Page Tests