Astra Theme Product Archive Layout Theme Options for Sidebar don't work

This thread is resolved. Here is a description of the problem and solution.

Problem: It seems that the Layouts Theme Options for Sidebar settings with the Astra theme are not working as expected. I am unable to activate the sidebar in my Product Archive Layout using Theme Options.

Solution: We have filed an internal ticket to look into the issue with sidebar theme options in Astra and Layouts. In the meantime, you can simulate a sidebar design by shrinking the width of the content in your Layout, then adding a widget with sidebar to the right edge.

This support ticket is created 6 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: How to build a site with Toolset, Views, Views plugin, WooCommerce

This topic contains 2 replies, has 2 voices.

Last updated by liatG 6 years, 1 month ago.

Assisted by: Christian Cox.

Author

Posts

November 6, 2018 at 12:25 am #1140740

liatG

This is for Christian Cox, please.
Hi Christian. I have split off this ticket to ask you for more help. The original ticket is here: https://toolset.com/forums/topic/make-products-archive-page-show-up-just-in-the-content-area-not-the-whole-page/

Waqar's answer did not help me solve my problem. My products page is not the default WooCommerce shop page, but a custom layout with a simple view showing my products.

Here's the view: hidden link
I attached screenshots to the other ticket.

The Astra customizer settings seem to only apply when the default WooCommerce shop page is being used. Can you tell me how to make my custom layout look normal, as I describe in the other ticket?

Thank you!
Liat

November 6, 2018 at 10:41 pm #1141607

Christian Cox

Hi, I don't think the sidebar Theme Options work well for Astra on the Product Archive Layout. I can report that for some additional investigation but it doesn't really help you right now. To work around it you can modify the Product Archive Layout so that the View cell is only 9 columns wide, leaving 3 columns on the right edge. Then insert a Widget cell in those 3 columns and select the sidebar you want to display. To add padding at the top of the content area, I would edit the row and add a CSS class like "temp-top-for-product-archive". Go to Layouts CSS and add some top padding like this:

.temp-top-for-product-archive {
  padding-top: 50px;
}

November 10, 2018 at 4:18 pm #1144244

liatG

Thank you, Christian! I was able to approximate the layouts of my other pages by using the fix you suggested and adding a border to the left column to make it look like a separator between the content and the sidebar.

I would love if you reported this for some additional investigation. The page doesn't work the same as other pages with similar views, as it is not responsive. The products are set up in a bootstrap grid but they don't ever simplify positions into one column when the window gets smaller, as do other pages with the same view.

Thank you,
Liat