CSS and Module Editing

  • Posts: 1
  • Thank you received: 0
8 years 3 months ago #265022

Hello,

I find it quite difficult referring the various "div", "span" and dot tags when I inspect my page elements to that of the actual modules (Views) in "Display->Views".

Most important I would like to know when (under which circumstances) do I have to add a line of code to the CSS file to change a display property.

For instance (looking at the image attached), I want to remove "each" from the Product Price. My problem is HOW do I locate that module under DISPLAY --> VIEWS looking at the details from the Inspection elements?

I have read your documentation on CSS styling but my challenge is how to identify a particular module from the Inspection Elements.

Attachments:

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

  • Posts: 83989
  • Thank you received: 13604
  • MODERATOR
8 years 3 months ago #265029

Hi,

The second part of the documentation about "customizing the display" we have talks about what view is used for what part of the page:
www.hikashop.com/support/documentation/1...-display.html#layout
So you should refer to that.
For example, this image www.hikashop.com/images/stories/Product_customization.jpg shows that the price is displayed by the file "listing_price" of the view "product". So that's where you'll find the each text.
However, you actually don't need to edit a view to remove it. You can just use a translation override if you want to change some text of the interface of HikaShop:
www.hikashop.com/download/languages.html#modify

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

Time to create page: 0.053 seconds
Powered by Kunena Forum