Shopify themes, liquid, logos, and UX
I have different categories of products, and collections pages for each group. Some are subcategories of the same type of product, so the sidebar banner images (top and bottom banners) for those collections can be the same. However, I need to change the sidebar banner images/links for the specialty categories that are different from the others. When I attempt to create a new collections template based on the default, I can change out or hide the individual template sections (Collection banner, product grid, etc.), but the site header (Header Layout), "Mega Menu" and "Sidebar" items remain the same for ALL pages (understandable for the header and main 'Mega Menu', but Sidebar should be customizable, in my opinion, per collection)... which means, even though I have a new collections template for that specialty product category, the "Sidebar" displays the same way for EVERY collection, which means the banner images and layout will be the same, even when the product filtering options are different.
I had thought that because the filtering options are different for this new collection, I would be able to have different Sidebar options as well, including different banner images, but that's not the case.
How can I create custom sidebars for this template/theme to use for different collections? So far, in the code section, I duplicated the "ishi_sidebar.liquid" file and modified the name of it to "test_sidebar.liquid", and edited a schema line in its code near the bottom of that file from "Sidebar" to "Test Sidebar". I expected a new Sidebar to show up in the template editor named "Test Sidebar" underneath "Sidebar" after refreshing, but nothing has changed.
How can I accomplish this?
HI @bg2022
Is this ishi_sidebar.liquid in the Snippet folder. You can might have to replace the render code. I would suggest creating a collection template and add the custom sidebar in the template code. You can then assign the said template to your collection
Hi Made4Uo,
No, the ishi_sidebar.liquid file is in the Sections folder. The default collection template (collection.json) is in the Templates folder as well as my custom collection template (custom_collection.json) I created from the default.
Hi @bg2022
You can just change the section in your collection template if that is the case
That's what I expected to do. But there is no sidebar banner section option included that you can add to the collection template. Currently, on my collection templates, it's only Collection banner (collection title and description) and product grid. The sidebar configurator appears separate and only available to the entre theme template, like the Mega menu and header options. See image below:
Any other suggestions?
Oh. Have you tried adding a section? Click Add section, and look for Sidebar
That's what I just explained. "Sidebar banner" is NOT available as a section you can add to the collection templates when you click "Add section". It's separate and paired with the Header and Mega Menu, so when you change it, it changes on every collection template or on whatever pages the sidebar is displayed.
There are other banner types you can add as sections to the collections templates (which are included with this theme package), but those will display in the main content area above, between or below the product grid, not as part of what appears to be a site universal Sidebar.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024