contact button in or after product description

Vero
Topic Author
Offline

12 years 4 months ago #157818 by Vero

contact button in or after product description was created by Vero

-- 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.

lousyfool
Offline

12 years 4 months ago #157821 by lousyfool

Replied by lousyfool on topic contact button in or after product description

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

Code:

	<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.

Vero
Topic Author
Offline

12 years 4 months ago #157834 by Vero

Replied by Vero on topic contact button in or after product description

Thanks thanks!!!

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

lousyfool
Offline

12 years 4 months ago #157835 by lousyfool

Replied by lousyfool on topic contact button in or after product description

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.

Vero
Topic Author
Offline

12 years 4 months ago #157851 by Vero

Replied by Vero on topic contact button in or after product description

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

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.

lousyfool
Offline

12 years 4 months ago #157853 by lousyfool

Replied by lousyfool on topic contact button in or after product description

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.

lousyfool
Offline

12 years 4 months ago - 12 years 4 months ago #157855 by lousyfool

Replied by lousyfool on topic contact button in or after product description

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

Code:

#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: 12 years 4 months ago by lousyfool.

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

Vero
Topic Author
Offline

12 years 4 months ago #157859 by Vero

Replied by Vero on topic contact button in or after product description

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.

lousyfool
Offline

12 years 4 months ago #157862 by lousyfool

Replied by lousyfool on topic contact button in or after product description

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:

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; }

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.

Vero
Topic Author
Offline

12 years 4 months ago #157863 by Vero

Replied by Vero on topic contact button in or after product description

Sorry, but still no changes

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

lousyfool
Offline

12 years 4 months ago #157864 by lousyfool

Replied by lousyfool on topic contact button in or after product description

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.

Vero
Topic Author
Offline

12 years 4 months ago - 12 years 4 months ago #157865 by Vero

Replied by Vero on topic contact button in or after product description

.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: 12 years 4 months ago by Vero.

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

lousyfool
Offline

12 years 4 months ago #157871 by lousyfool

Replied by lousyfool on topic contact button in or after product description

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.

Vero
Topic Author
Offline

12 years 4 months ago #157875 by Vero

Replied by Vero on topic contact button in or after product description

Not works

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

lousyfool
Offline

12 years 4 months ago #157879 by lousyfool

Replied by lousyfool on topic contact button in or after product description

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.

Vero
Topic Author
Offline

12 years 4 months ago #157881 by Vero

Replied by Vero on topic contact button in or after product description

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.

lousyfool
Offline

12 years 4 months ago #157883 by lousyfool

Replied by lousyfool on topic contact button in or after product description

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

Code:

#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.

Vero
Topic Author
Offline

12 years 4 months ago #157885 by Vero

Replied by Vero on topic contact button in or after product description

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.

lousyfool
Offline

12 years 4 months ago - 12 years 4 months ago #157887 by lousyfool

Replied by lousyfool on topic contact button in or after product description

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

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

Code:

.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: 12 years 4 months ago by lousyfool.

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

Vero
Topic Author
Offline

12 years 4 months ago #157900 by Vero

Replied by Vero on topic contact button in or after product description

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.326 seconds