Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

appearance color options

Featured Lock Resolved Issue
Hello.
The color options in the Shopin template are displayed vertically down (see screen 7). Where to change the settings so that the "color" options are displayed horizontally
(as in the Arino template, see screen 8) or as a table?
Thanks.

Attachments (2)

  • Screenshot (7).jpg
    Screenshot (7).jpg 154.6 KB
  • Screenshot (8).jpg
    Screenshot (8).jpg 66.4 KB

11 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Sorry for the inconvenience & Thanks for contacting us. Would you please share your site URL to check the issue? Because without knowing the issue not possible to provide an unknown solution. I hope you will assist me to find out the problem.

-Thanks

Alexander

More than a month ago #Permalink
Hello,
Below is a link to the product subdomain product page.

Title

Another question: if you use the option "drop-down list", then the color image next to the name can not be placed? or is there a setting?

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this CSS code inside the custom.css file.


.options img {
display: inline-block;
}


The dropdown list will work when you choose the multivariant product from the backend. It's not related to the color image.

-Thanks

Alexander

More than a month ago #Permalink
Many thanks!
With the appearance turned out!
Another problem appeared: if you click on a color, then it is visually not clear which color is selected (the name does not stand out / does not highlight). See screen 10. Url Title

And the second problem: when adding a new product there is no color image, but when choosing a color, the frame turns black - as it should be. See screen 11. URL Title

Thanks.

Attachments (2)

  • Screenshot (10).png
    Screenshot (10).png 679.2 KB
  • Screenshot (11).png
    Screenshot (11).png 679.2 KB

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your feedback. I would request you that, Please check the difference between the two products. I hope you will get the solution. I know this is not a proper solution. But, I had to say that, quickstart package doesn't have the problem. That's why this is my request, not advice.

-Thanks

Alexander

More than a month ago #Permalink
Hello.
Thanks for the answer.
I figured out the image in the options.
In the menu / category / common Options / Show image for product options / Show - enable.

The second problem remains.url

If you click on the button without an image, the frame turns black (button 401) - this is correct. If you click on the button with the image (button 501), the button does not stand out - this is not correct.
The presence of the image leads to incorrect operation of the button.

How to make the buttons with the image stand out if you click on it?
Thanks.

Toufiq - Staff

More than a month ago #Permalink
Hello.
Thanks for the answer.
I figured out the image in the options.
In the menu / category / common Options / Show image for product options / Show - enable.

The second problem remains.url

If you click on the button without an image, the frame turns black (button 401) - this is correct. If you click on the button with the image (button 501), the button does not stand out - this is not correct.
The presence of the image leads to incorrect operation of the button.

How to make the buttons with the image stand out if you click on it?
Thanks.


Hi there, Please remove the image and check again. Thanks

Alexander

More than a month ago #Permalink
Hello!
Your advice did not help!
I made a new option "color", uploaded images for options and started a new product. Nothing changed. If there is an image, then when the mouse is clicked, the button is not highlighted. If there is no image, then everything works correctly.
url

I deployed a new template on the subdomain (taken from your site). The situation is similar.
url

thanks

Toufiq - Staff

More than a month ago #Permalink
Hi there, I have remove the image & it works fine.

https://prnt.sc/r29ww3
https://prnt.sc/r29x0s
https://prnt.sc/r29x5x
https://prnt.sc/r29x9k

-Thanks

Alexander

More than a month ago #Permalink
Hi there,
In all browsers, the color number 401 and 801 is displayed with a small image, the screen is attached.
Colors 601 and 701 without image.
If you click on 601 and 701 - then everything is correct.
If you click on the buttons with the image, it does not stand out!

You have no image for color 401 and 801?
Thanks.

Attachments (1)

  • Screenshot (15).png
    Screenshot (15).png 947.2 KB

Toufiq - Staff

More than a month ago #Permalink
Hi there,
In all browsers, the color number 401 and 801 is displayed with a small image, the screen is attached.
Colors 601 and 701 without image.
If you click on 601 and 701 - then everything is correct.
If you click on the buttons with the image, it does not stand out!

You have no image for color 401 and 801?
Thanks.


Hi there, The demo of the Shopin template doesn't have the image option. Thanks
http://demo.joomshaper.com/2017/shopin/index.php/products/categories/women/spaghetti-strap-dress


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 120
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 63
Ofi Khan

Ofi Khan

Total Accepted Answers: 51
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 50
Toufiq

Toufiq

Total Accepted Answers: 41

121

Templates

319311

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us