[Skip to main content](#vessel-content)

#   Contact button in product page

##

- **[danielle71](/forum/user/40940-danielle71 "View danielle71's Profile")**
- [![danielle71's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/40940-danielle71 "View danielle71's Profile") Topic Author
- [ Offline](/forum/user/40940-danielle71)

Less More

- Posts: 20
- Thank you received: 1
-
-

9 years 9 months ago -  9 years 9 months ago [\#259990](#259990) by [danielle71](/forum/user/40940-danielle71 "View danielle71's Profile")  *[Contact button in product page](/forum/26-product-category-display/888396-contact-button-in-product-page#259990 "-- url of the page with the problem -- :   chromothesis.gr/index.php/stickers/decor...81-green-round-trees  -- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.6.4  I have this problem with buttons, I have both add to cart and contact button in the product page, which use the same css styling as you can see in the url below.  My question: How can I change the style of the &quot;Contact&quot; button only so it doesn't have the cart background image without changing all cart buttons??? In other words how can I modify the product display so the contact button points to a different button css style than the cart button?    chromothesis.gr/index.php/stickers/decor...81-green-round-trees  Thank you in advance!!!!")* was created by *[danielle71](/forum/user/40940-danielle71 "View danielle71's Profile")*

-- url of the page with the problem -- : [ chromothesis.gr/index.php/stickers/decor...81-green-round-trees](http://chromothesis.gr/index.php/stickers/decorative/prod/281-green-round-trees)
-- HikaShop version -- : 2.6.4
-- Joomla version -- : 3.6.4

I have this problem with buttons, I have both add to cart and contact button in the product page, which use the same css styling as you can see in the url below.

My question: How can I change the style of the "Contact" button only so it doesn't have the cart background image without changing all cart buttons??? In other words how can I modify the product display so the contact button points to a different button css style than the cart button?

[ chromothesis.gr/index.php/stickers/decor...81-green-round-trees](http://chromothesis.gr/index.php/stickers/decorative/prod/281-green-round-trees)

Thank you in advance!!!!

Last edit: 9 years 9 months ago by [danielle71](/forum/user/40940-danielle71 "View danielle71's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODgzOTYtY29udGFjdC1idXR0b24taW4tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26400
- Thank you received: 4079
-
- [](http://obsi.dev)
-

9 years 9 months ago [\#259997](#259997) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Contact button in product page](/forum/26-product-category-display/888396-contact-button-in-product-page#259997 "-- url of the page with the problem -- :   chromothesis.gr/index.php/stickers/decor...81-green-round-trees  -- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.6.4  I have this problem with buttons, I have both add to cart and contact button in the product page, which use the same css styling as you can see in the url below.  My question: How can I change the style of the &quot;Contact&quot; button only so it doesn't have the cart background image without changing all cart buttons??? In other words how can I modify the product display so the contact button points to a different button css style than the cart button?    chromothesis.gr/index.php/stickers/decor...81-green-round-trees  Thank you in advance!!!!")*

Hi,

Your contact button is in a div with a specific classname.
See : [ www.hikashop.com/support/documentation/1...the-display.html#css](https://www.hikashop.com/support/documentation/153-customize-the-display.html#css)

Regards,

---

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

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODgzOTYtY29udGFjdC1idXR0b24taW4tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[danielle71](/forum/user/40940-danielle71 "View danielle71's Profile")**
- [![danielle71's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/40940-danielle71 "View danielle71's Profile") Topic Author
- [ Offline](/forum/user/40940-danielle71)

Less More

- Posts: 20
- Thank you received: 1
-
-

9 years 9 months ago [\#260067](#260067) by [danielle71](/forum/user/40940-danielle71 "View danielle71's Profile")  Replied by *[danielle71](/forum/user/40940-danielle71 "View danielle71's Profile")* on topic *[Contact button in product page](/forum/26-product-category-display/888396-contact-button-in-product-page#260067 "-- url of the page with the problem -- :   chromothesis.gr/index.php/stickers/decor...81-green-round-trees  -- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.6.4  I have this problem with buttons, I have both add to cart and contact button in the product page, which use the same css styling as you can see in the url below.  My question: How can I change the style of the &quot;Contact&quot; button only so it doesn't have the cart background image without changing all cart buttons??? In other words how can I modify the product display so the contact button points to a different button css style than the cart button?    chromothesis.gr/index.php/stickers/decor...81-green-round-trees  Thank you in advance!!!!")*

Exactly, both "add to cart" and "contact" buttons have the same classname:
class=" button hikashop_cart_input_button"
What I want to know is how to change one of the buttons to point to a new classname, like "button hikashop_CONTACT_input_button".
I can't find the php file containing the line that defines the button class.
In the product view there is a file called show_default.php that contains what I think is the code that Should be changed:

&lt;div id="hikashop_product_contact_main" class="contact_button"&gt;
&lt;?php
$contact = $this-&gt;config-&gt;get('product_contact',0);
if (hikashop_level(1) &amp;&amp; ($contact == 2 &#124;&#124; ($contact == 1 &amp;&amp; !empty ($this-&gt;element-&gt;product_contact)))) {
$empty = '';
$params = new HikaParameter($empty);
global $Itemid;
$url_itemid='';
if(!empty($Itemid)){
$url_itemid='&amp;Itemid='.$Itemid;
}
echo $this-&gt;cart-&gt;displayButton(JText :: _('CONTACT_US_FOR_INFO'), 'contact_us', $params, hikashop_completeLink('product&amp;task=contact&amp;cid=' . $this-&gt;element-&gt;product_id.$url_itemid), 'window.location=\'' . hikashop_completeLink('product&amp;task=contact&amp;cid=' . $this-&gt;element-&gt;product_id.$url_itemid) . '\';return false;');
}
?&gt;
&lt;/div&gt;
I just don't know how to change the button to point to another classname than the cart button.
Any help would be appreciated !!!!

Thank you!!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODgzOTYtY29udGFjdC1idXR0b24taW4tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[danielle71](/forum/user/40940-danielle71 "View danielle71's Profile")**
- [![danielle71's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/40940-danielle71 "View danielle71's Profile") Topic Author
- [ Offline](/forum/user/40940-danielle71)

Less More

- Posts: 20
- Thank you received: 1
-
-

9 years 9 months ago -  9 years 9 months ago [\#260070](#260070) by [danielle71](/forum/user/40940-danielle71 "View danielle71's Profile")  Replied by *[danielle71](/forum/user/40940-danielle71 "View danielle71's Profile")* on topic *[Contact button in product page](/forum/26-product-category-display/888396-contact-button-in-product-page#260070 "-- url of the page with the problem -- :   chromothesis.gr/index.php/stickers/decor...81-green-round-trees  -- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.6.4  I have this problem with buttons, I have both add to cart and contact button in the product page, which use the same css styling as you can see in the url below.  My question: How can I change the style of the &quot;Contact&quot; button only so it doesn't have the cart background image without changing all cart buttons??? In other words how can I modify the product display so the contact button points to a different button css style than the cart button?    chromothesis.gr/index.php/stickers/decor...81-green-round-trees  Thank you in advance!!!!")*

Never mind, I found it!!!!
I created a new css rule for
\#hikashop_product_contact_main .button.hikashop_cart_input_button
with the characteristics I wanted for the contact button (background-image: none; )

THANK YOU ANYWAY!!!!

Last edit: 9 years 9 months ago by [danielle71](/forum/user/40940-danielle71 "View danielle71's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODgzOTYtY29udGFjdC1idXR0b24taW4tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.049 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
