contact button in or after product description

  • Posts: 222
  • Thank you received: 1
11 years 3 months ago #157818

-- url of the page with the problem -- : mywebsite.com/mypage
-- HikaShop version -- : x.x.x
-- Joomla version -- : x.x
-- PHP version -- : x.x.x
-- Browser(s) name and version -- : XXXXX x.x.x
-- Error-message(debug-mod must be tuned on) -- : Error_message

Now contact button is on the product left section, before the whole product description on bottom section. I want them in product description bottom section. I think it is logical: after the reading all description a customer (if he has more questions) can press this contact button, but not before he read the whole information.
Is that possible?
I found the code in product/show (I'm not sure), but not found the place where I can place it.

Thanks,
Vero

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

  • Posts: 2143
  • Thank you received: 747
11 years 3 months ago #157821

I think you're looking at the wrong view.

Assuming that you're using the default product page layout, you will need to edit "show_default". There you'll find the block

	<div id="hikashop_product_contact_main" class="hikashop_product_contact_main">
		<?php
		$contact = $this->config->get('product_contact',0);
		if (hikashop_level(1) && ($contact == 2 || ($contact == 1 && !empty ($this->element->product_contact)))) {
			$empty = '';
			$params = new HikaParameter($empty);
			global $Itemid;
			$url_itemid='';
			if(!empty($Itemid)){
				$url_itemid='&Itemid='.$Itemid;
			}
			echo $this->cart->displayButton(JText :: _('CONTACT_US_FOR_INFO'), 'contact_us', $params, hikashop_completeLink('product&task=contact&cid=' . $this->element->product_id.$url_itemid), 'window.location=\'' . hikashop_completeLink('product&task=contact&cid=' . $this->element->product_id.$url_itemid) . '\';return false;');
		}
		?>
	</div>

which is the one you want to place elsewhere.

By default it's in the div section with id and class "hikashop_product_right_part". If you want it in the bottom part, then simply cut it out where it is now and insert appropriately in the div with id and class "hikashop_product_bottom_part" in that same view.

Done.


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )
The following user(s) said Thank You: Vero

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

  • Posts: 222
  • Thank you received: 1
11 years 3 months ago #157834

Thanks thanks!!!

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

  • Posts: 2143
  • Thank you received: 747
11 years 3 months ago #157835

Welcome welcome!!!


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 222
  • Thank you received: 1
11 years 3 months ago #157851

Just one more question: I want to make them bigger (zoom: 1.2), but the code:

div#hikashop_product_contact_main.hikashop_product_contact_main input.btn.button.hikashop_cart_input_button.art-button{
zoom: 1.2 !important;
border: none !important;
}

does not work. Where is the mistake?

Vero

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

  • Posts: 2143
  • Thank you received: 747
11 years 3 months ago #157853

Sorry, multiple mistakes... well, "errors" ;)

First, a typo: there's a "c" missing in ...hikashop_cart_input_button.art-button

Then, "zoom" works best with e.g. "120%", but still not in every browser. It's not very "compatible", unless browser world has changed dramatically very recently.

Since it's a button, you should use "padding" and if you prefer eventually "font-size". Try that?


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 2143
  • Thank you received: 747
11 years 3 months ago #157855

Here you go. It'll make it really huge, but you'll figure and change the values as you see fit:

#hikashop_product_contact_main .hikashop_cart_input_button {
  font-size: 20px;
  padding: 18px 20px;
}


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )
Last edit: 11 years 3 months ago by lousyfool.

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

  • Posts: 222
  • Thank you received: 1
11 years 3 months ago #157859

What mean "c" missing? In the word "cart"? I see this "c". I tried with font-size and with padding, no changes.

Vero

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

  • Posts: 2143
  • Thank you received: 747
11 years 3 months ago #157862

1. Did you see my previous post? I gave you some padding/font-size CSS that works.

2. It was even worse, not only the "c" missing. Maybe it got messed up in copy & paste, but that'd be strange. Here's your typo code again, look at the selector:

Vero wrote:

div#hikashop_product_contact_main.hikashop_product_contact_main input.btn.button.hikashop_cart_input_button.art-button{
zoom: 1.2 !important;
border: none !important;
}



According to that you're shooting at an "hikashop_cart_input_button.art-button", which doesn't exist unless you added the class "art-button". :lol:

Use my code, alter the numbers and be happy.


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 222
  • Thank you received: 1
11 years 3 months ago #157863

Sorry, but still no changes

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

  • Posts: 2143
  • Thank you received: 747
11 years 3 months ago #157864

Oh, and sure, depending on where you insert the code, add "!important".


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 222
  • Thank you received: 1
11 years 3 months ago #157865

.art-button is my template button, It exist, because I changed "ad to cart" button befor. And "!important" always was added. I insert this code in hikashop custom front-end css file

Last edit: 11 years 3 months ago by Vero.

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

  • Posts: 2143
  • Thank you received: 747
11 years 3 months ago #157871

Works now? Our posts were crossing, so not sure if you saw it all.


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 222
  • Thank you received: 1
11 years 3 months ago #157875

Not works

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

  • Posts: 2143
  • Thank you received: 747
11 years 3 months ago #157879

Duh.

To avoid you needing to post a lot of stuff here: got a link to your site? Obviously no login or so needed, just a link to a product page.

If you don't want the world to see, PM me. I won't tell anyone... ;)


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 222
  • Thank you received: 1
11 years 3 months ago #157881

You can see my product page without login:

www.adrialle-cadeau.com/kadokadootje/kad...elhanger-puppy-paars

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

  • Posts: 2143
  • Thank you received: 747
11 years 3 months ago #157883

Ah, got it. At least I'm pretty sure.

Both input.art-button and .art-button have CSS applied to them in your template CSS, incl font-size and padding. Guess that's what rules, so you won't see changes when messing with .hikashop_cart_input_button in the HikaShop CSS file.

So, change what I gave you before to

#hikashop_product_contact_main .art-button {
  font-size: 20px !important;
  padding: 18px 20px !important;
}

... of course, with values adjusted to your liking. You don't need to add more classes as the ID hikashop_product_contact_main is used only there.
You seem to have no custom or override CSS for your template, so then leave it in your HikaShop custom frontend file, where you said you placed it already.

If THAT doesn't work, I shall retire... in hell...


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 222
  • Thank you received: 1
11 years 3 months ago #157885

I'm so sorry, but it no works...

Many, many thanks! You tried to help me.

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

  • Posts: 2143
  • Thank you received: 747
11 years 3 months ago #157887

???????????!!!!!!!!!!!!!!!!!!!

Where/how/what did you do? frontend_custom.css, yes? Is the code in there now? Indeed, I don't see it in your site. You're sure you did it right, yes?

What about

.hikashop_product_contact_main input.btn.button.hikashop_cart_input_button {
  font-size: 20px !important;
  padding: 18px 20px !important;
}

With only a minor change, it works for your add-to-cart button, obviously, so this one MUST MUST MUST work for the contact button (just like the code I gave you before!), or you're really doing something wrong there...


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )
Last edit: 11 years 3 months ago by lousyfool.

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

  • Posts: 222
  • Thank you received: 1
11 years 3 months ago #157900

What can I do wrong?... Ok, I copy and paste your code, but nothing changes. Befor I posted there, I tried so much combinations, but nothing works. I am working with hikashop software more years, And css is what I love to do. I am not beginner. I can't write php, but css(html) - I love it.

I think I make a stupid mistake somewhere... But now I copy and paste your code. Also not working...

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

Time to create page: 0.102 seconds
Powered by Kunena Forum