1. Shopin
  2. Sunday, 27 August 2017
Hi, I have added the Compare Product Function in the J2store.

Please advise how to change the button design of the Compare Product same as the Add to Cart and located below the Add to Cart button instead of side by side with it now.

The URL is http://cms.hkbws.org.hk/eshopxx/index.php/products/categories/women/minimal-designer-top

Thanks

Forrest
Attachments (1)
Accepted Answer
Dear Toufiq,

Thanks a lot. The "Compare with" button has the same style with the "Add to Cart" button. However, it is in black color which is different from the Preset of the Template..
Could we have its color same as the color defined in the Preset.

The url is http://cms.hkbws.org.hk/eshopaa/index.php/products/categories/books-en/test01-book

Thanks,

Forrest


Hi, Thanks for your reply. Sorry to say that, it doesn't define the color inside of presets. Becuase of that, compare button design wasn't our main design. If you need to change the color and background of compare button then you have to apply the css code. Thanks
  1. more than a month ago
  2. Shopin
  3. # Permalink
Responses (10)
Hi, Please share a screenshot that you want to exactly. Thanks
  1. more than a month ago
  2. Shopin
  3. # 1
Hi, Please share a screenshot that you want to exactly. Thanks


Hi Toufiq, a screenshot is attached.

Or Just show the awesome logo only to keep the whole layout simple.

Thanks.

Forrest
Attachments (1)
  1. more than a month ago
  2. Shopin
  3. # 2
Hi,
Language phrase:
J2STORE_ADD_TO_COMPARE="Add to compare"
- can be override by empty one.
Attachments (1)
  1. more than a month ago
  2. Shopin
  3. # 3
Hi Paul, thanks for your reply.

I have added the language override but nothing has changed.

My setting is shown in the attached screenshot. Is there problem in my setting?

However, if the wording is disappeared, the awesome logo is still not matching with the Add to Cart button.

Please kindly advise how to change to its design graphic (white in black) to match with the Add to Cart button.

Thanks,

Forrest
Attachments (1)
  1. more than a month ago
  2. Shopin
  3. # 4
Hi, Paul and Toufig,

Grateful if you could advise how to make the "Compare with" buttom similar as the Wish List button in demo Shopin Template, please. (see attached screenshot).

Thanks,

Forrest
Attachments (1)
  1. more than a month ago
  2. Shopin
  3. # 5
Hi,

Add this css code inside your custom.css file

For create custom.css file

template/your_template/css/custom.css


a.j2store-compare-links.product-compare-link {
background: #000;
color: #fff;
padding: 12px 20px;
display: inline-block;
margin-top: -5px;
}


If you wanna change the icon then go to j2store component and click on the app and open compared setting

http://prntscr.com/gedp9c

-Thanks
  1. more than a month ago
  2. Shopin
  3. # 6
Dear Toufiq,

Thanks a lot. The "Compare with" button has the same style with the "Add to Cart" button. However, it is in black color which is different from the Preset of the Template..
Could we have its color same as the color defined in the Preset.

The url is http://cms.hkbws.org.hk/eshopaa/index.php/products/categories/books-en/test01-book

Thanks,

Forrest
  1. more than a month ago
  2. Shopin
  3. # 7
Thanks.
  1. more than a month ago
  2. Shopin
  3. # 8
Thanks.


Hi, You are most welcome & Thanks :)
  1. more than a month ago
  2. Shopin
  3. # 9


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.