View adjustment... which file is what?

  • Posts: 36
  • Thank you received: 0
11 years 8 months ago #90457

I'm trying to find the files I need to adjust for the frontend, however I can't find any documentation on what file is used to generate what part of which page. Is there any documentation available on this?

My current way to find the file to edit is mostly by trial and error or by searching the forum for someone asking for a similar change in which a moderator has answered. However that is very time intensive.

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

  • Posts: 12953
  • Thank you received: 1778
11 years 8 months ago #90595

Hi,

Hikashop users can do a lot of things so we can't write documentation for all use cases. Can you explain what your problem is, and which page do you want to edit ?

Thank you :).

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

  • Posts: 36
  • Thank you received: 0
11 years 8 months ago #90735

:) I was hoping for a list of the defaults somewhere hidden in the documentation.

Here are some of the first changes I want to make:

- separate css style on the price on the product detail page
- adjustment in view of the total and VAT in the cart
- add image title beneath the images on the product detail page
- different delete image in the mini cart

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

  • Posts: 64
  • Thank you received: 5
11 years 8 months ago #90745

For changing CSS of the front end go: Hikashop-Configuration-Display (or View or 3rd tab, I have Dutch language..)- Front end CSS-file. Then go ahead and edit.

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

  • Posts: 36
  • Thank you received: 0
11 years 8 months ago #90747

That part I know...

The question is about the view file, which files I need to edit to apply a different style to parts in the page.

For example by editing the frontend CSS to change the product price style will change the price style in the cart, in the overview, in the mini cart...everywhere. I only want to change the price on the product detail page, so I need to apply a different CSS style/tag to that part of the product page in that particular view file.

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

  • Posts: 13201
  • Thank you received: 2322
11 years 8 months ago #90868

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

  • Posts: 36
  • Thank you received: 0
11 years 8 months ago #90881

Thanks, I know about what is documented/published.

I guess somehow I'm unable to explain what I'm looking for because it is not in the documentation.

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

  • Posts: 36
  • Thank you received: 0
11 years 8 months ago #90908

After some searching in the files I found the product price on the detailed product page is compiled in the product/tmpl/listing_price.php view.

However I'm unable to change the code so that the price is larger or uses a different class from the CSS (only product_price, not product_price_full)

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

  • Posts: 12953
  • Thank you received: 1778
11 years 8 months ago #90909

Hi,

1. Why don't you edit it directly through your front-end CSS file without changing the class name ?

2. What do you exactly want to do ?

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

  • Posts: 36
  • Thank you received: 0
11 years 8 months ago #90912

1. Why don't you edit it directly through your front-end CSS file without changing the class name ?
> If I change hikashop_product_price in the front-end CSS it will change the product price on all Hikashop pages which display a product price (multiple times in the checkout/cart, category overview, minicart and many many more pages.


2. What do you exactly want to do ?
> I only want to change the price view (currency + numbers, not the JText:UNIT_PRICE part) on the detailed product page ( demo.hikashop.com/index.php?option=com_h...ow&Itemid=71&lang=en )

So I guess I have two options:
a) create a different CSS style in the frontend-css file and somehow try to apply it to the correct part in listing_price.php
b) try to add some style adjustment in the corresponding <span> tag in listing_price.php

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

  • Posts: 2334
  • Thank you received: 403
11 years 8 months ago #90939

Hi there,

What you have to do is edit the listing_price view through the Hikashop view editor (Display>Views) and edit this line:

echo '<span class="'.implode(' ',$classes).'">';
You should be able to add some css directly or add a specific class :)

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

  • Posts: 26152
  • Thank you received: 4027
  • MODERATOR
11 years 8 months ago #90940

Hi,

In CSS, you can have specific rules depending on parents.
That why HikaShop have a lot of classes and ids, so you can create a specific rule for one module or one page.

An example with your demo website:

.moduletable-cart .hikashop_product_price {
  color: #FFF;
  margin-left: 5px;
}
Which create a rule just for the module cart in the website.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

Time to create page: 0.094 seconds
Powered by Kunena Forum