woocommerce demo

Posted in: Newspaper
Post count: 125

Dear Support,
Where do I install woocommerce demo in Newspaper theme?
Example: http://demo.tagdiv.com/newspaper_tech/shop/

Thanks

Post count: 22421

Hello,

The shop page is not available when installing a demo. You can create a custom page in the page builder and then set it as a shop page: https://docs.woocommerce.com/document/woocommerce-pages/
Please use this guide to learn how to use the page builder: https://forum.tagdiv.com/tagdiv-composer-tutorial/

Thank you!

Post count: 10

but it’s possible a tutorial for create this page like a demo?….. i have follow all steps.. but page “shop” it works different from custom page that i have created (like demo…)…

Any help for resolv this.. im not only in this forum.. eheh.

Thanks advices.
sakkiotto

Post count: 20688

Hi,

There is no tutorial made that I could provide you for Woocommerce. Please provide details about what exactly are the problems that you are having. I will try to help you.

Thanks

Post count: 10

Hi, thanks for reply,
im tryng to make a layout for shop page and category page,
1)i have 3 row by 3 products for row (3+3+3)
but i have problem with page navigation… the #10 product it’s in the first page without page navigation..
2) i need a css for image for align in the row.

see my site: https://goo.gl/yQKt2v

Thanks Advices

  • This reply was modified 9 years by sakkiotto.
  • This reply was modified 9 years by sakkiotto.
  • This reply was modified 9 years by sakkiotto.
  • This reply was modified 9 years by sakkiotto.
Post count: 10

1) i think i am near to solution, but shop page show 10 products per page.. how change from 10 to 9 products?
2) 99% resolv this is my css

.woocommerce ul.products li.product h3 {
text-align: center;
}
.woocommerce ul.products li.product .price {
text-align: center;
font-size: 18px;
}
.woocommerce ul.products li.product .button {
margin-left: auto;
margin-right: auto;
display: table;
}
.woocommerce .products .star-rating {
margin: 0.5em auto 0 auto;
}

/* responsive monitor */ 
@media (min-width: 1200px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.05%; } } /* responsive portrait tablet */ @media (min-width: 768px) and (max-width: 1018px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.05%; } } 
@media (min-width: 1019px) and (max-width: 1199px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.05%; } }
  • This reply was modified 9 years by sakkiotto.
  • This reply was modified 9 years by sakkiotto.
Post count: 20688

Hi,

It seems that you have managed to modify the products per page number as you wanted. It seems the images are not of the same size, that is why they look misaligned. Also the product title is not of the same length. If you would like the products to be perfectly aligned the image thumbnails should be the same size and titles same length.

Thanks

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.