Question on Woocommerce shop page. Ive seen some answers but some are old and none seem to do it.
On the woocommerce shop page the layout is boxed. Is this changeable to full width like on other pages. You can stretch a row and it works on everything except a woocommerce shop page it seems. JUst trying to have a shop page that is full width as my products are image focused.
Also Im having a near impossible time adding the woocommerce search options on a sidebar because if I add a side bar the page gets even smaller inside the box layout.
Long story short. 1.) Is it possible to do a shop page full width? 2.) Can I add the search options on a sidebar and still have a full width page?
PS. Probably a woocommerce question, but any way to change the padding on the images on the shop page so that they are closer together with less white space between them?
Thank you.
Hello Dollrotica,
You should use the Wocommerce shortcodes to create your shop page and if you want to use it in full-width, set up your page from TD Composer and stretch the ROW from there, like this -> https://www.screencast.com/t/VV1zgox2T0c -> https://docs.woocommerce.com/document/woocommerce-shortcodes/ and the result should look like this -> https://www.screencast.com/t/Wy3AYnIv7gq
Thanks for your understanding!
Hello,
Yes this is my issue. I created a new page, added the stretch row to content like the suggestion you made. Looking at the blank page the roq is successfully stretched. At this point if I add content it it stretched no problem.
However, once I make this page my shop page it is boxed again (and the code is still there). Nothing I try will make this full page on this theme. So, the search options are all on the top now, and if I add a sidebar, it adds it “inside” the box making it even smaller.
WHat am I doing here because adding stretch row doesn’t seem to work if I make the page a shop page.
Thank you
Edit: Or, if this is not going to work. (I dont HAVE to use woocommerce) I have 1000 or so affiliate products that are image driven and I am just looking for a way to display these on a a search page where the user can filter down to the attributes or tags they want, to display a page of just what they are looking for.
(example: 1000 products down to 150 that match what they are looking for)
Any suggestions on how to do this with your theme? A plugin?
Thank you.
Or are you saying instead of automatically creating my shop page I should make a new blank page, add the full width, THEN add the woocommerce shortcodes individually to create a custom shop page?
Hello Dollrotica,
Yes, indeed, when you set up your page as a Shop page, it will be boxed to the normal theme’s layout. As a quick solution, in this case, is to use such a custom CSS code and add width:90%. Below is a simple example a shop page with sidebar ->
.woocommerce-page .td-container{
width:90%;
}
The result is here -> https://www.screencast.com/t/nNVxIuNapOTz
Regarding Search product functionality, please check here -> https://docs.woocommerce.com/document/woocommerce-product-search/#prettyPhoto
Thanks for your understanding!
Awesome that worked ty.
One more thing. The sidebar is too wide. I have seen posts on this forum about this but most are old so not sure if anything new has changed.
Can I cut the sidebar width in half? Or alter it in any way as its just too wide and takes away from the images I have on the left side.
Thank you.
PS : Is there a way to make only the shop page full width with this theme? The above code worked perfectly but I would like to keep the product page boxed as the images are huge and a bit overbearing on full width on the product page.
Hello Dollrotica,
Notice that all of your desired changes involves doing such additional customizations and we cannot provide something like this at the moment, sorry! Also, if you want that code to be applied only for shop page you need to use a special class or ID for your desired pages. If you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you.
Thanks for your understanding!
