Post by ghapheo » Sat Jul 13, 2019 4:30 pm

I notice there are many options setting just in the vertical position.
is there any way to get the options horizontally?
here is the screenshot
https://ibb.co/XLNGF7x

Thank you!!

P.S. i check the previous post, go to catalog/view/theme/default/template/product/product.tpl. but now there is no product.tpl

Newbie

Posts

Joined
Wed Jul 10, 2019 11:19 am

Post by letxobnav » Sat Jul 13, 2019 7:29 pm

you could make set the style to float in your twig file for those radio buttons or check boxes of options:

Code: Select all

style="float:left;"

Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces

“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.


User avatar
Expert Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm
Location - Taiwan

Post by by mona » Sat Jul 13, 2019 9:03 pm

and this will enable you to put images into a - select - dropdown

https://www.opencart.com/index.php?rout ... n_id=37073

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by ghapheo » Mon Jul 15, 2019 9:18 am

letxobnav wrote:
Sat Jul 13, 2019 7:29 pm
you could make set the style to float in your twig file for those radio buttons or check boxes of options:

Code: Select all

style="float:left;"
hi,

thank you for the reply.
since i am new to here, can you tell me where should i add the code to?
Many thanks!

Newbie

Posts

Joined
Wed Jul 10, 2019 11:19 am

Post by ghapheo » Mon Jul 15, 2019 9:20 am

by mona wrote:
Sat Jul 13, 2019 9:03 pm
and this will enable you to put images into a - select - dropdown

https://www.opencart.com/index.php?rout ... n_id=37073
hi mona,

thank you for the reply.
i need to the colors to be presented in the page, but not dropdown.
anyway, thank you!

Newbie

Posts

Joined
Wed Jul 10, 2019 11:19 am

Post by letxobnav » Mon Jul 15, 2019 2:19 pm

catalog/view/theme/default/template/product/product.twig

find:

Code: Select all

<div class="radio">
make it:

Code: Select all

<div class="radio" style="float:left;margin-top:10px;margin-left:25px;">
you can do the same with:
<div class="checkbox">

Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces

“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.


User avatar
Expert Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm
Location - Taiwan

Post by ghapheo » Thu Jul 18, 2019 6:22 pm

letxobnav wrote:
Mon Jul 15, 2019 2:19 pm
catalog/view/theme/default/template/product/product.twig

find:

Code: Select all

<div class="radio">
make it:

Code: Select all

<div class="radio" style="float:left;margin-top:10px;margin-left:25px;">
you can do the same with:
<div class="checkbox">
hi ,

I followed the tip, and updated. but no change. any idea?

Newbie

Posts

Joined
Wed Jul 10, 2019 11:19 am

Post by tingwing » Thu Jul 18, 2019 7:06 pm

after modifying xx.twig file ,in order to see the latest result,you need to refresh "theme and sass" by clicking the right top botton at the backend dashboard,

or you can try the follow extension which is right for it.
https://www.opencart.com/index.php?rout ... n_id=27925

my extension:https://www.opencart.com/index.php?rout ... estshop24h
email :support@bestshop24h.com
site:http://www.bestshop24h.com


Active Member

Posts

Joined
Tue Aug 02, 2016 9:01 pm

Post by ghapheo » Fri Jul 19, 2019 3:12 pm

tingwing wrote:
Thu Jul 18, 2019 7:06 pm
after modifying xx.twig file ,in order to see the latest result,you need to refresh "theme and sass" by clicking the right top botton at the backend dashboard,

or you can try the follow extension which is right for it.
https://www.opencart.com/index.php?rout ... n_id=27925
Hi, thank you for your reply.
it works,
https://ibb.co/YfpFcjk

But may i ask more questions, where the word ' file' comes from you?
how to make the color icon a little more small?

You are grateful!

P.S. The extension i checked , i will think about it.

Newbie

Posts

Joined
Wed Jul 10, 2019 11:19 am

Post by letxobnav » Fri Jul 19, 2019 3:55 pm

catalog/controller/product/product.php

look for:

Code: Select all

				'image'                   => $this->model_tool_image->resize($option_value['image'], 50, 50),

Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces

“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.


User avatar
Expert Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm
Location - Taiwan

Post by letxobnav » Fri Jul 19, 2019 4:09 pm

put a <br> before {{ option_value.name }} so the text is put under the image, makes the images better aligned.

Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces

“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.


User avatar
Expert Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm
Location - Taiwan
Who is online

Users browsing this forum: Mike Guenther, paulfeakins, Semrush [Bot] and 457 guests