General Menu How To & Google Crawl

  • Posts: 19
  • Thank you received: 0
11 years 7 months ago #100185

Question #1
Here is a link to a Product listing accessed by a module on the Home page. The module is the Visit Our Store (bottom left) on the Home page. I have the products listings just how I like them.

Here is a link to the same product listing accessed by the Main Menu > e-Store > Role Playing Games > Dungeons & Dragons > 1st Ed. Ad & D at the top of the page.

I have created my CSS for the items accessed via the module to the left bottom. How do I get the other listing to use the same CSS?

Question #2
Am I correct in that for Google to crawl my site and find the products I need to have my product categories neatly set up for access in the Main Menu at the top of the page? Do I need to have menu links to each product, or just the parent HikaShop category?

The client for this project is about ready to pull the chain and I want to make sure I get it right.

Thank you in advance,
Wayne

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 7 months ago #100322

Hi Wayne,

1. I think that the problem is coming from the "Item box background color" option of your modules which have the ID number 128 and 94, you'll be able to edit them through "Hikashop->Display->Content modules".

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
11 years 7 months ago #100605

Mohamed Thelji wrote: Hi Wayne,

1. I think that the problem is coming from the "Item box background color" option of your modules which have the ID number 128 and 94, you'll be able to edit them through "Hikashop->Display->Content modules".

Morning Mohamed,

Thank you for responding. I spent a lot of time creating the CSS for ID number 94. That includes all the sub-classes, especially the one that targets the product DIV itself. That particular CSS on the first link above, gives me my transparent background with the slight drop shadow.
div#hikashop_category_information_module_94.hikashop_category_information div.hikashop_products_listing div.hikashop_products div.hikashop_product div.hikashop_container div.hikashop_subcontainer {
    background: none repeat scroll 0 0 rgba(255, 200, 200, 0);
    border: medium none;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
}

And yeah, the CSS path is extremely long, but that is the only way I could figure to target the product DIV. As for setting the DIV using the "Hikashop->Display->Content modules" that does not permit enough control, thus I need to do the CSS within the frontend_default.CSS file itself. "Hikashop->Display->Content modules" does not allow for transparency, drop shadows, etc.

Instead of creating an additional section in my HikaShop CSS file and copying the 94 coding and renaming it 175, therefore further bloating the file, it would be far easier to use just one CSS class for multiple instances that do the same thing. Then I could tell HikaShop to use "94" CSS class instead of what it wants to do, use "175" CSS class.

It would be far preferable to target hikashop_subcontainer and hikashop_subcontainer_border but I've yet to be able to make this stick. For that matter, I cannot locate where ID number 128, or any of the others, are declared. Except for 94 which I created within my template's custom file. If I try top target the subcontainer and subcontainer border in my custom file, it gets ignored even with !important in place.

All I want to do is target hikashop_subcontainer and div.hikashop_subcontainer_border within my template's custom CSS, and have it stick.
.hikashop_subcontainer {
background: none repeat scroll 0 0 rgba(255, 200, 200, 0);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
border-radius: 5px 5px 5px 5px;
}
div.hikashop_subcontainer_border {
border: medium none;
}

Please accept my apology if this seems somewhat disjointed as for some reason I cannot use preview on this site. I tried using Safari, IE9 and Firefox, and none seem to work for the preview.

Cordially,
Wayne

Please Log in or Create an account to join the conversation.

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
11 years 7 months ago #101026

Hi,

You don't need to have the products accessible from the main menu for search engines to find them.
As long as there is a link to them from another page, the search engines will find them.


You can directly target hikashop_subcontainer and hikashop_subcontainer_border. You need to add !important in your CSS rules for that.

So you would have for example:
div.hikashop_subcontainer_border {
border: medium none !important;
}

Please Log in or Create an account to join the conversation.

Time to create page: 0.075 seconds
Powered by Kunena Forum