Cannot customize product listing view

-- HikaShop version -- : 2.3.3
-- Joomla version -- : 2.5.27
-- PHP version -- : 5.4
-- Browser(s) name and version -- : ie 11 and chrome 38.0.2
-- Error-message(debug-mod must be tuned on) -- : Failed to load resource; net::ERR_CHACHE_MISS

So I'm pretty stuck here. I've used the instructions and reference graph here: www.hikashop.com/support/documentation/1...ize-the-display.html

But my "Product Category Listing" links are now displaying as lists since I changed the global display front end to "none". So, I've got a menu item that's a "Div" type layout, Products type content, and item type layout is Image and Title.

Here's the rub. I'm looking at the source and the products are listed out via a "ul" element classed with "thumbnails". So after hunting for an hour, I just yanked ALL the view files down locally, and then used Dreamweaver to search those files for "<ul class="thumbnails">. It only found 2 files, listing_div.php, under the category and product view folders. So, I applied some css to both of these files, uploaded them, and it's nowhere on the page.

So, imagine my confusion when the ONLY two files that contain that markup have now been edited, yet the edits don't appear in the source of the refereshed pages.

PLEASE help me figure out where the hell to edit this stuff. All I want to do is put my own css on the product listings. I'm pretty good with css, php, and html - yet I'm at a loss.


As a complete side note - the cart module that's included won't render in Chrome, the error I attached on this thing is what it's spitting on page in the backend, and just gives me a blank space where the "1 item for $xx.xx" should be.

Hi,

Please give us a sceenshot of your menu/module displaying that listing settings.
This will help us to indicate which view is to edit.

With the given informations and what I see on your website the view to edit is "product / listing_list".
If you just want to apply css rules, and not edit the content of the view, you just have to add css properties in your template file or the frontend css file via the HikaShop configuration.

I will try that view out later today, here is a screenshot of the menu settings. And I'm actually using the UIKit since it's a YooTheme template, so I'm adding in classes and elements to get the look more consistent with the template.

That's weird, if you have set the "Type of layout" option of your listing to "DIV" you shouldn't have a "List" listing, you're probably editing the wrong content menu/module, can you give us a link to your listing so that we can give your the ID of the content menu/module to edit ?
Thanks.

I've got two links:
1. index.php?option=com_hikashop&view=category&layout=listing&Itemid=106
2. index.php?option=com_hikashop&view=product&layout=listing&Itemid=150

use the hidden link info to get the first part of the URL.

Again, the weirdest thing is that I'm searching ALL the views for "<ul class="thumbnails"> and it's only pulling up two files. I've put some extra classes into those files on the <ul> elements, yet those classes are not showing up in the resulting HTML on the site. I've been able to do some customization already on the registration page and the counter, so it's not like I'm just confused on how to do this.

Hi,

For the first link, it's a category listing menu, so there is an associated module to this menu, you have to see the settings of the module "Associated products listing for category listing menu 106".

And the second link you have to check the settings of the menu with the id "150".

It's normal that you don't find <ul class="thumbnails"> for the correct view, our views are dynamic, so code is generated by PHP.
It's not written directly like that in the view, it depends on the settings, etc..

So please check the settings of the indicated module / menu and tell us what kind of checkout is selected.
Have you tried to edit the view "product / listing_list" in the correct template ?

How are you editing the view content ? Via the menu Display > Views ? Or directly in the template folder via FTP ?

Just remember that you must not edit the views directly in the component files via FTP because if there is already an override made by the template, you will not see your modifications, and when updating your changes will be lost.

The few changes I've made I did do via FTP of the files directly - and it worked. BUT, I see your point, it's just SOOO much easier to edit them locally, lol.

Anyway, I've provided screenshots below, the screenshots are named to correspond backend v/s front end.

Link 1 - main menu -> HikaShop Categories listing menu type (BOTH are the same type of menu item)
Link 2 - sidebar menu -> HikaShop Categories listing menu type


So, I went into the Views portion of the backend. I then went into my template, category, and chose product/listing_div.php

This seems to be where I need to be, NOT sure why I couldn't find this anywhere before. But now I'm sitting where the "+" and "-" buttons are now gone from the "Add to Cart form.... #SMH

Ok, so - now, I've got great stuff going until I get to items that show the quanity, all of a sudden it's stacking ALL of those into one element instead of separate ones??? why is that?

If you don't mind, look at the source code - Also, I've synched both menu links to have the exact same options to avoid confusion. Look to "Link-1" for that, with the exception that I added "2 columns" to the top left options for Link-1

All done, finally found all the view locations I needed.

The only thing left is that I had to edit the cart.php helper directly as I couldn't figure out how to make a template override for that particular part (when wanting to add a class to the <a> tag generated by the $html variable.

Oh well, thanks in general though - my biggest issues were essentially finding all the different places I needed to edit to get the components to look correct for me.

Thanks again.