Know-how on Woocommerce product display
up vote
0
down vote
favorite
I'm unsure if this question is relevant on stackoverflow, but I've looked almost everywhere else.
I'm looking to create a a product display, containing 6 products, on the right hand side of a picture like this example.
I'm hoping some of you have some know-how you'd like to share with me on this.
Thanks in advance
A.P.
wordpress woocommerce
asked Nov 9 at 21:57
Andreas Pedersen
214
add a comment |
up vote
0
down vote
favorite
I'm unsure if this question is relevant on stackoverflow, but I've looked almost everywhere else.
I'm looking to create a a product display, containing 6 products, on the right hand side of a picture like this example.
I'm hoping some of you have some know-how you'd like to share with me on this.
Thanks in advance
A.P.
wordpress woocommerce
asked Nov 9 at 21:57
Andreas Pedersen
214
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I'm unsure if this question is relevant on stackoverflow, but I've looked almost everywhere else.
I'm looking to create a a product display, containing 6 products, on the right hand side of a picture like this example.
I'm hoping some of you have some know-how you'd like to share with me on this.
Thanks in advance
A.P.
wordpress woocommerce
asked Nov 9 at 21:57
Andreas Pedersen
214
I'm unsure if this question is relevant on stackoverflow, but I've looked almost everywhere else.
I'm looking to create a a product display, containing 6 products, on the right hand side of a picture like this example.
I'm hoping some of you have some know-how you'd like to share with me on this.
Thanks in advance
A.P.
wordpress woocommerce
wordpress woocommerce
asked Nov 9 at 21:57
Andreas Pedersen
214
asked Nov 9 at 21:57
Andreas Pedersen
214
asked Nov 9 at 21:57
Andreas Pedersen
214
asked Nov 9 at 21:57
Andreas Pedersen
214
asked Nov 9 at 21:57
Andreas Pedersen
214
214
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
The easiest way to do that is add a left sidebar to your shop page, which can be typically done through your theme, and then add an image widget to that sidebar. The last thing to do is change the CSS code of your shop to make the whole page full-width and then make the sidebar 50% of the parent div.
This approach has the advantage that the sidebar is showed after the products in mobile mode (by default), so mobile visitors will first see the products.
answered Nov 9 at 22:26
Mr. Fontastic
466
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
The easiest way to do that is add a left sidebar to your shop page, which can be typically done through your theme, and then add an image widget to that sidebar. The last thing to do is change the CSS code of your shop to make the whole page full-width and then make the sidebar 50% of the parent div.
This approach has the advantage that the sidebar is showed after the products in mobile mode (by default), so mobile visitors will first see the products.
answered Nov 9 at 22:26
Mr. Fontastic
466
add a comment |
up vote
1
down vote
The easiest way to do that is add a left sidebar to your shop page, which can be typically done through your theme, and then add an image widget to that sidebar. The last thing to do is change the CSS code of your shop to make the whole page full-width and then make the sidebar 50% of the parent div.
This approach has the advantage that the sidebar is showed after the products in mobile mode (by default), so mobile visitors will first see the products.
answered Nov 9 at 22:26
Mr. Fontastic
466
add a comment |
up vote
1
down vote
up vote
1
down vote
The easiest way to do that is add a left sidebar to your shop page, which can be typically done through your theme, and then add an image widget to that sidebar. The last thing to do is change the CSS code of your shop to make the whole page full-width and then make the sidebar 50% of the parent div.
This approach has the advantage that the sidebar is showed after the products in mobile mode (by default), so mobile visitors will first see the products.
answered Nov 9 at 22:26
Mr. Fontastic
466
The easiest way to do that is add a left sidebar to your shop page, which can be typically done through your theme, and then add an image widget to that sidebar. The last thing to do is change the CSS code of your shop to make the whole page full-width and then make the sidebar 50% of the parent div.
This approach has the advantage that the sidebar is showed after the products in mobile mode (by default), so mobile visitors will first see the products.
answered Nov 9 at 22:26
Mr. Fontastic
466
answered Nov 9 at 22:26
Mr. Fontastic
466
answered Nov 9 at 22:26
Mr. Fontastic
466
answered Nov 9 at 22:26
Mr. Fontastic
466
466
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53233756%2fknow-how-on-woocommerce-product-display%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
