Some questions

  • Posts: 37
  • Thank you received: 0
12 years 10 months ago #41673

Hello,

I've just purchased the full hikashop product after receiving some great support he. Keep up the good work!

However, some questions occurred:

1)On my product page, i use catalogues that can be downloaded from the page. Right now it shows only as a link "klik hier om te downloaden" How do i change this link to an image i created?

2)Same issue with the Contact button on the product page, how do i change this button style to an image?

3)I have SH404SEF installed on my site. However, it does not recognize the hikashop urls, and now i have links like this:

www.heatplus.nl/hikashop-menu-for-module.../category_pathway-13


Is it possible to change this to: WEBSITE/CATEGORY/PRODUCT ? (or have sh404sef take it over, to make good seo urls?)

4)On the product contact page, is it possible to add some more lines? (for example Phone nr) If yes, how/where?

5)When configuring the product comparison function, is it possible to have the text (add product to comparison list) within the image block? (see this page to see what i mean, right now the text messes up my page.

6)For some of my products, i would like customers to contact us for the price. If i don't enter a price, the FREE! label comes up at the product ('Gratis' in my case). Is it possible to set this differently, only for certain categories?

7)I changed the size of the square with the thumblinks of the products. However now my category images are also changed. see here

Thanks for the help again!!

Last edit: 12 years 10 months ago by patrickvbw. Reason: missing some info

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

  • Posts: 37
  • Thank you received: 0
12 years 10 months ago #41765

edited first post.

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

  • Posts: 83103
  • Thank you received: 13418
  • MODERATOR
12 years 10 months ago #41853

1.
You need to edit the file "show_block_product_files" (or "show" before version 1.5.6) of the view "product" via the menu Display->Views. There, you link is displayed by that code:

$fileHtml = '<a class="hikashop_product_file_link" href="' . hikashop_completeLink('product&task=download&file_id=' . $file->file_id.$url_itemid) . '">' . $file->file_name . '</a><br/>';

2.
That can be done by adding such CSS in the front end CSS file via the Display tab of the configuration:
.hikashop_product_contact_main{
 background-image: url('http://mywebsite.com/myimage.jpg');
}

3.
The part hikashop-menu-for-module-117 is the alias of your menu. Change it to what you need.
The part product change be changed with the SEF options in the configuration of HikaShop.
The part 5-herz-firestar-15-40 is the name of your product.
the part category_pathway-13 can also be removed with the SEF options in the configuration of HikaShop.

sh404sef cannot "take over".

4.
Sure, edit the file "contact" of the view "product" via the menu Display->Views and add your text at the beginning.

5.
That can be done by adding such CSS in the front end CSS file via the Display tab of the configuration:
.hikashop_subcontainer{
height: 290px;
}

6.
You can override the "Free" text as explained there:
www.hikashop.com/en/download/languages.html#modify

7.
Go in the menu Display->Content menus and edit the options of your menu (id 565). there, set the image height and width for your categories.

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

  • Posts: 37
  • Thank you received: 0
12 years 10 months ago #42149

Thanks for the answer,

1) I've edited the code you sggested and replaced it by this one:

$fileHtml = '<a class="hikashop_product_file_link" href="' . hikashop_completeLink('product&task=download&file_id=' . $file->file_id.$url_itemid) . '"><img src="images/ketelwijzer/bedrijf.png"' . $file->file_name . ' /></a><br/>';
It is not working, the normal link is showing. To be clear: i want the simple link replaced by an image, wich is the link to download the product.

2) same problem, added the code, but nothing changed. added the following code to frontend.css
.hikashop_product_contact_main{
 background-image: url('images/offerte.png');
}

3) Changed the alias of the menu, but nothing changed to the urls..
Cant find where to remove the last part of the url in the SEf options..

4)For the contact page, i added a code similar to the ones existed already. It didn't work as expected. (because there are some HIKA tags in there?)
added code:
<tr>
                <td class="key">
                  <label for="data[register][phone]">
                    <?php echo JText::_( 'HIKA_PHONE' ); ?>
                  </label>
                </td>
                <td>
                  <input type="text" name="data[register][phone]" size="12" value="<?php echo $this->escape(@$this->element->phone);?>" />
                </td>
              </tr>


5) adding that code to the subcontainer code messed up my site completely, every container was 290px then.
I just want the checkbox for the compare product function to be assigned a solid position, for example within the product subcontainer, so it does not mess up my layout as seen in the page i showed you.

-Product container height is ok (only the compare product text does not fit)
-Category containers are too high.

6) done, thanks.

7) editing the height of the images here did not do any changes.

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

  • Posts: 37
  • Thank you received: 0
12 years 10 months ago #42286

It seems my changed are not seen on the pages themself.. Am i missing a step? (clearing cache does not work)

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

  • Posts: 83103
  • Thank you received: 13418
  • MODERATOR
12 years 10 months ago #42440

1. You should make sure that you're editing the view file for your correct front end template. Otherwise, nothing will change.

2. Please make sure that the custom css file is selected in the configuration option and clean your browser cache.

3. With sh404sef, the SEF urls are cached once created. You will have to flush the cache of URLs in sh404sef in order to see the changes.
For the last part of URLs, it's the option "Simplified breadcrumbs" which should be turned on. Also, you will have to do that modification:
www.hikashop.com/en/forum/4-how-to/42061...-products.html#42061

4. Extra fields data is not magically added to the emails. That has to be done manually if you want to do that. It's in the function send_email of the file components/com_hikashop/controllers/product.php that you should add some code to set the field data into the email content.

5.
The position is already solid.
But because you force the container to 250px with some other CSS, it goes outside the container:
.hikashop_products_listing div.hikashop_subcontainer {
height: 250px;
}

If you remove that code, it won't go outside the container.

If you want different sizes for different listings, then you should use parent elements ids in your CSS. For example, the CSS:
#hikashop_category_information_menu_565 .hikashop_products_listing div.hikashop_subcontainer {
height: 290px;
}
will only apply to the products listing on that menu and not on other menus.

7.
It's probably because the original size of the images your uploaded for your categories is smaller than the size that you set in these options. Thus, the system doesn't do any resize. In that case, you should upload bigger images for your categories.

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

  • Posts: 37
  • Thank you received: 0
12 years 10 months ago #42455

1) Tried to adjust the code, but i am not sure what/where to add the code for the image.. My image is located at /images/ketelwijzer/

2) the code is in frontend_custom.css Refreshing cache does not work, see again this page

3) The last part of the url now is gone, the new alias will not show up however.. Cleared sh404sef urls, cleared cache and still not working.. I allso added the specified code to the php file, not working.

4) Add some code sounds a bit vague to me. can you specifie WHAT code to add? i want customers to fill in their pgone number. Am i on the right track with the code i posted?

5) Awesome, thanks. Right now i am trying to change the size of the categorie subcontainers. Tried to adjust the code, and i came up with:

#hikashop_category_information_menu_565 .hikashop_subcategories_listing div.hikashop_subcontainer {
height: 150px;
}
but then the container adjusts, but the category name will stay on the same position and thus is outside the container (see screenshot)




7) see 5, since i dont have bigger images.

Attachments:

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

  • Posts: 83103
  • Thank you received: 13418
  • MODERATOR
12 years 10 months ago #42630

1. The best is to put the full link of your image:

http://mywebsite.com/myfolder/myimage.png

2. I missed a piece of code, it should be:
.hikashop_product_contact_main input{
 background-image: url('images/offerte.png');
}

3. The only thing I can see then is that you didn't change the alias for the correct menu. Maybe you have several menus with the same name ?

4. Something like replacing the code:
$mailer->setBody($body);

by:
$mailer->setBody($body."\nPhone: ".$element->phone);

5. 7.
You should also force the size of the image div, like that:
#hikashop_category_information_menu_565 .hikashop_subcategories_listing div.hikashop_category_image{
height: 120px !important;
}

Last edit: 12 years 10 months ago by nicolas.

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

  • Posts: 37
  • Thank you received: 0
12 years 10 months ago #43447

Hi nicolas,

Still no success..

1) added the code to the show_block_product_files for the correct template. nothing happened again. The code i used:

$fileHtml = '<a class="hikashop_product_file_link" href="' . hikashop_completeLink('product&task=download&file_id=' . $file->file_id.$url_itemid) . '"><img src="http://www.heatplus.nl/images/download_folder.png"' . $file->file_name . ' /></a><br/>';
Don't know if this code still is correct however..

2) I've added your new code, and still it is not visible on my website. It is visible in the code however (firebug / chrome developer tools) , but it still does not show up on my website. If you like, i can give you an account, so you can edit the code yourself?

3) Changed something with sef options in joomla itself, now it works :)

4) Done, i've added the HIKA_PHONE line to my translation file, and its now beautifully translated. Thanks.

5) Ah, i see the problem :) added this code and now works like a charm.

6) I don;t quite understand the compare function, where do i add the lines that will be compared?

7) Is it possible to compare products that are in different categories? Because the compare function works with specific links like /compare?cid[]=5&cid[]=6
I want to use the compare function as a static url, to use as menu links, and therefore need some products that are in a different category to be compared with each other.


Thanks again for this great support, only a few "problems" to be solved :)

Thumbs up for hika!

Last edit: 12 years 10 months ago by patrickvbw.

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

  • Posts: 83103
  • Thank you received: 13418
  • MODERATOR
12 years 10 months ago #43590

1. can you check that you're edit the correct file ? It's easy, just remove everything from the file, save and if you still see the files on the front end then it means that you're not editing the correct one.
If you're editing the correct one, then it means that there is a problem with the modification. Could you do a screenshot of the code modification you made ?

2. I can indeed see the CSS now applied to the button. However, your template's CSS is overriding it.
To avoid that, pleas use that CSS:

.hikashop_product_contact_main input{
 background-image: url('images/offerte.png') !important;
}

6. You need to create custom product fields via the menu Display->Custom fields. Then, enter the data for each product via their edition page and you will see the lines corresponding to the fields in the comparison table.

7. If you set a menu link for the comparison view, then yes, you can compare products from different categories. Just put the ids of your products in the URL of the menu link.
Otherwise, for normal products listings, it's not possible to select products from different categories for comparison.

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

  • Posts: 37
  • Thank you received: 0
12 years 10 months ago #43610

Hello Nicolas,

1) After some digging throught the files, i found the same code from show_block_product_files in the show.php file. After editing the code there, it showed my image. One thing: How to center the "Dowload files" tekst?

2) You missed a forward slash there with the url. I added the following now:

.hikashop_product_contact_main input{
 background-image: url('/images/offerte.png') !important;
}

Now it is there, but it does not fit in the small space, and the tekst still is there. How to fix this? See this page

6) I see. I only want to change some things:
  • Like the download block, i would like the border around the characteristics.
  • as stated in this topic , i want my characteristics in a table. I've added the code, but my lines come up looking grey/white.. how to get them black? see this product
  • How to change the blue tekst color to black? And how to center this tekst?

7) Thanks, works indeed. However, is there a way to specify the size of the thumbnails in the compare page? I want them to be smaller as originally with the product.

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

  • Posts: 37
  • Thank you received: 0
12 years 10 months ago #43611

Nicolas,

I've noticed that some blocks appear more than once in my php files.. how is this possible? Is this the information beeing used to undo my changes?

See the added file for example.



File Attachment:

File Name: show.txt
File Size:12 KB

Attachments:
Last edit: 12 years 10 months ago by patrickvbw.

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

  • Posts: 83103
  • Thank you received: 13418
  • MODERATOR
12 years 10 months ago #43795

Hi,

1 I don't see any "download files" text on your product pages:
www.heatplus.nl/catalogus/product/6-herz-pelletstar-10-60

2 That's because of your template CSS.
You need additional CSS in order to style the button the way you want:
.hikashop_product_contact_main .art-button-wrapper{
height : 105px !important;
}
.hikashop_product_contact_main input,.hikashop_product_contact_main input:hover {
height: 105px !important;
color: transparent !important;
}


6. You can use such CSS:

#hikashop_product_custom_info_main{
border: 1px solid #CCC;
}

#hikashop_product_custom_info_main td {
border-bottom: 1px solid black !important;
}

#hikashop_product_custom_info_main h4 {
color: black !important;
text-align: center;
}


7. There is no option for that. The image sizes on the comparison table uses the thumbnails size of the Files tab of the configuration of HikaShop.



I would recommend you that you use firebug in order to check your CSS and test it live on your website. That should allow you to modify it without asking how to do each time.

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

  • Posts: 37
  • Thank you received: 0
12 years 9 months ago #45790

Hello Nicolas,

Sorry to bother you again.

I still have some issues i cannot solve myself.

1) At this category the thumbnails are not created, atleast not good. I tried re-uploading them, but they still do not fit the box.. re-sizing them does not help either.

2) The first products of a category dont work correctly. i get 404's. Any idea?
For example: www.heatplus.nl/catalogus/categorie/13-herz

3) It seems that my categories don't have a title, but i have no idea where or if i removed this.. Where to add them?

4) I use the compare function for a user to compare products. What sort of field should i create to add a button in the compare field, for a customer to order the product, or to go to the product?

5) Is it possible for the compare function, to disable the other modules, so it fits 3 products on the page? (i can't select it on the joomla module settings) Like the frontpage, no modules are shown, only the article.

Last edit: 12 years 9 months ago by patrickvbw.

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

  • Posts: 37
  • Thank you received: 0
12 years 9 months ago #46067

nvm, edited earlyer post

Last edit: 12 years 9 months ago by patrickvbw. Reason: .

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

  • Posts: 83103
  • Thank you received: 13418
  • MODERATOR
12 years 9 months ago #46070

1. Go in the menu Display->Content menus, edit the menu 565 and set the image width and image height options there so that the size is smaller than the boxes.

2. It's working for me: www.heatplus.nl/catalogus/product/26-grondleiding-enkel-h-20-75
Did you figure out the problem ?

3. I can see the text on your categories listing (link of point 1). did you also figured it out ?

4. If you want to add information, you should create custom fields of the table "product" and then configure these fields in your products.
The add to cart button should be added automatically if the add to cart button is turned on for the products listing. If you want to force it only in the compare page, you will have to edit the file "compare" of the view "product" via the menu Display->Views and add the code below at the top:
<?php $this->params->set('add_to_cart',1); ?>

5. There is no option for that.

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

  • Posts: 37
  • Thank you received: 0
12 years 9 months ago #46475

Hi,

1) Solved, thanks.

2) Still not working on my end. I still get 404's on some products. (not at all categories) See www.heatplus.nl/catalogus/categorie/13-herz

3) I mean a category name. So for example an H1 tag, echoíng the main category above the sub categories.

4) At this time, the compare function does not work anymore at all. Getting a 404 error.

5) So the only way to fit 3 products on this page it to create smaller thumbs?

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

  • Posts: 83103
  • Thank you received: 13418
  • MODERATOR
12 years 9 months ago #46653

2. Some products are working ok, some aren't, on the same listing page. The only possible reason is that sh404sef has some of the URLs cached. You should look at flush the cache from sh404sef.

3. In the joomla options of your menu, you should turn on the content page heading and the page title related options (the name varies based on the version of joomla and hikashop)

4. What happened ? I suppose that it's also coming from the SEF... Maybe flushing the cache as in point 1 will help...

5. I can't see the comparison page anymore so hard to say but if you have 3 products columns in the listing, you should be able to have three products columns in the comparison page. At least the problem shouldn't come from the image size.

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

  • Posts: 37
  • Thank you received: 0
12 years 9 months ago #48053

Hi Nicolas,

I've tried removing the cache of sh404sef, nothing happened, so i decided to turn it off for Hikashop. Now it works ok.

1) However, my compare page does not fit 3 products on it, it gets scrambled with my right menu.

2) And on some browsers, they cannot select the products to compare. The checkboxes aren't active..

3) I i compare products, and press the back button, the checkboxes are already checked, they are not selected to compare however. (hard to explain)

4) I've set a limit to 3 products to be compared at once. I can select more however. How do i set like a warning message stating: You can only select 3 products at once to compare?

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

  • Posts: 37
  • Thank you received: 0
12 years 8 months ago #48527

Nicolas, could you please answer my question?

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

Time to create page: 0.101 seconds
Powered by Kunena Forum