Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

How Can I Stylish The Communication Zone? Rate Topic   - - - - -

 
  • Rafass
  • Senior Member
  • Members
  • Join Date: 16-Jan 14
  • 304 posts

Posted 11 February 2016 - 08:05 AM #1

How can I stylish with CSS the messages of the customer?

 

1gZTAz2.png

 

Name of the customer and the background of the bubble with other colors . 

I just would like to have something like:

 

afmBUHc.png

 

Appreciate some help.  8)

 

--

 

Related topic:

Suggestion: Please Improve The Order Communication Interface

http://forum.cs-cart...e/?fromsearch=1



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 13,344 posts

Posted 11 February 2016 - 09:38 AM #2

design/themes/YOUR_THEME/templates/addons/discussion/views/discussion/view.tpl

 

replace:

<div class="ty-discussion-post {cycle values=", ty-discussion-post_even"}" id="post_{$post.post_id}">

with

{$u_type = "SELECT user_type FROM ?:users WHERE user_id = ?i"|db_get_field:$post.user_id}
<div class="ty-discussion-post {cycle values=", ty-discussion-post_even"}" id="post_{$post.post_id}" {if $u_type == 'A'}style="background: red"{/if}>

or use the discussion:items_list_row hook in this file

 

Note: additional CSS changes will be required to change the color of the caret. But I think you understand the idea


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration

Certified CS-Cart RU Developer | Сертифицированный разработчик на CS-Cart Русская Версия

 
  • Rafass
  • Senior Member
  • Members
  • Join Date: 16-Jan 14
  • 304 posts

Posted 12 February 2016 - 01:41 AM #3

Hi eComLabs. That works great 8)  however, I also need to change the color of the arrow, this is the result:
s2biDRn.png

 

it seems it just need to include the variable .ty-caret-bottom .ty-caret-inner in the code?

IpWp7Iu.png



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 13,344 posts

Posted 12 February 2016 - 08:08 AM #4

Yes, we wrote about it. I am glad to hear that you configured it in the required way


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration

Certified CS-Cart RU Developer | Сертифицированный разработчик на CS-Cart Русская Версия

 
  • Rafass
  • Senior Member
  • Members
  • Join Date: 16-Jan 14
  • 304 posts

Posted 12 February 2016 - 11:51 AM #5

Finally I've fixed the arrow  8)
design/themes/YOUR_THEME/templates/addons/discussion/views/discussion/view.tpl
 
Replacing:

<div class="ty-discussion-post {cycle values=", ty-discussion-post_even"}" id="post_{$post.post_id}">

With:

{$u_type = "SELECT user_type FROM ?:users WHERE user_id = ?i"|db_get_field:$post.user_id}
<div class="ty-discussion-post {cycle values=", ty-discussion-post_even"}" id="post_{$post.post_id}" {if $u_type == 'A'}style="border: 1px solid #FDE6E4!important;background: #FDE6E4;"{/if}>
{if $u_type == 'A'}<span class="ty-caret-outer" style="position: absolute; top: 51px; left: 14px; display: inline-block; ; border-bottom: 17px solid transparent; border-left: 17px solid #FDE6E4; z-index:999;
"></span>{/if}

Result: 
obeitgw.png
 
Thanks eComLabs for your kind help. appreciate it.  8)



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 13,344 posts

Posted 12 February 2016 - 02:45 PM #6

You are welcome!


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration

Certified CS-Cart RU Developer | Сертифицированный разработчик на CS-Cart Русская Версия

 
  • akshay.sharma
  • Advanced Member
  • Members
  • Join Date: 19-Dec 15
  • 101 posts

Posted 17 March 2017 - 11:02 AM #7

You are welcome!

 

Dear ecom team i want to know hoe vendor also received notification email about Communication when buyer ask anything ?? 



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 13,344 posts

Posted 17 March 2017 - 12:16 PM #8

Dear ecom team i want to know hoe vendor also received notification email about Communication when buyer ask anything ?? 

 

I see such code

 

http://prntscr.com/el2msp


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration

Certified CS-Cart RU Developer | Сертифицированный разработчик на CS-Cart Русская Версия

 
  • akshay.sharma
  • Advanced Member
  • Members
  • Join Date: 19-Dec 15
  • 101 posts

Posted 17 March 2017 - 12:26 PM #9

I see such code

 

http://prntscr.com/el2msp

 

Thanks for replay & patch for this file ??



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 13,344 posts

Posted 20 March 2017 - 07:16 AM #10

Thanks for replay & patch for this file ??

 

it should work out of the box


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration

Certified CS-Cart RU Developer | Сертифицированный разработчик на CS-Cart Русская Версия