Shop layout help

Support
#1

Hi there,

I have created a WC ACHIEVE layout for my shop page, and I have been trying for a few hours to re-create the reference page. I have recreated the column, but the text I don’t know how to.

I want the column to be like this:
text (product category)
text (product name)
product picture
price

Also, in the section above where u can pick (filter) the products, how can I make that?

I have been following up all the guide from @ruenel:

#3

Hello? Did you guys receive the message

#4

Hello Katarina,

Thanks for writing in! Please do not bump your thread so that it will not be push back to the end of the queue. We respond the threads in a Chronological order. If the thread gets push back, it will take a little longer for us to reply.

If you want to a sort filter button for your shop page, please this video tutorial can help you:

To rearrange the display of your product details, simply edit the layout, duplicate the DIV element that contains the Product Title and drag it over before the DIV element that displays the product image. You can delete the price or the title in each respective DIV element. You can also add other elements like the Terms (Minimal) dynamic element to display the product categories. Just do not forget to change the Looper Provider All Terms to Looper Provide Current Post Terms so that the current category of the product will display.

Please check out this edit demonstration:

Hope this helps.

1 Like
#5

Hi Ruenel,

I want to make special pages for my project templates, and special for sample packs

When on the “TEMPLATES” page I want to show the FILTER GENRES such as Future Bass, Bass House & etc
Like this: https://prnt.sc/AahYQpNgCrYN

BUT when someone is on the “SAMPLE PACKS” page I want to show a filter ALL PACKS and the button is on active mode

I have added in my main header the navigation links for “TEMPLATES & SAMPLE PACKS” but I added like a category instead a page: https://prnt.sc/erL8FUI6hO8-

How can I do this? Hopefully you can explain to me

#6

Hey Kate,

I suggest that you create subcategories of your main category. For example, the template is the main category then future bass, bass house, and deep house are your subcategories. Then to display the subcategories on your main category page, you need to check this thread.

Hope that helps.

#7

Hi Marc,

How can I do that with subcategories? Could you show me and guide me with a short video, please?

Also, I am confused. Do I need first to create “Templates” & Sample Packs" pages (cornerstone>page builder)
and then on that specific page, I put the TERMS element, and then what?

#8

Hey Kate,

We apologize for the confusion. My colleague suggested the use of sub-categories and the Terms Cloud most probably because he saw that the Templates and Sample Packs are Product Categories. Let’s forget about this suggestion for a moment and consider the alternative below.

By the way, the setup won’t fit in a short video so I’m sorry I cannot provide that. The long video tutorial we posted was made by a user.

Because you want to control what filters to display, Templates and Sample Packs are best created as Pages and not Product Categories. What you’re thinking is correct.

For the Templates page, set it up like the tutorial video posted by Ruenel. This one: https://youtu.be/611IwxrOz8E.

In the video, there are 2 main components you need to add to the page.

  1. Manual adding of Button elements as Filters (see https://youtu.be/611IwxrOz8E?t=299)
  2. Looper Provider and Looper Consumer set to display your products.

Note that it uses the Query String Looper Provider type so you need to be familiar with WP Query.

The Sample Packs page would be similar to your Templates page. Remember that you manually added the Button elements. In this page, you will need to enable the All Terms Looper Provider type (Product Categories) to display ALL your Product Categories.

The ALL PACKS filter would require custom JS code so that can’t be added as part of our theme support. All your projects should be displayed on first load though. That is if you will not click a filter. Remember the Fallback setup in the tutorial video.

image

If you need help with the exact WP Query, please consider signing up to our One Premium Support because that falls under general WordPress topic and not a theme topic.

If you need hands-on help, our Elite team can do the job for you. You can check the service here: https://theme.co/elite

Thanks.

1 Like
#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.