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

#   HikaShop Content Module

##

- **[Tomasz](/forum/user/9055-tomasz "View Tomasz's Profile")**
- [![Tomasz's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar9055.jpg)](/forum/user/9055-tomasz "View Tomasz's Profile") Topic Author
- [ Offline](/forum/user/9055-tomasz)

Less More

- Posts: 12
- Thank you received: 0
-
-
-
- [](http://www.fo-to.biz)
-

14 years 1 month ago -  14 years 1 month ago [\#68532](#68532) by [Tomasz](/forum/user/9055-tomasz "View Tomasz's Profile")  *[HikaShop Content Module](/forum/2-general-talk-about-hikashop/68532-hikashop-content-module#68532 "Hellloooo :-) - &gt;- HikaShop Content Module -&gt; HikaShop Options -&gt; Enable carousel:Yes -&gt; Type of item layout:slider horisontal -&gt; Text centered: No  I want that image to be on the right side of the screen and text on the left.  How can I do it? CSS? What place? thank you many greetings Tomasz")* was created by *[Tomasz](/forum/user/9055-tomasz "View Tomasz's Profile")*

Hellloooo ![:-)](/media/kunena/emoticons/3.png ":-)")
- &gt;- HikaShop Content Module
-&gt; HikaShop Options
-&gt; Enable carousel:Yes
-&gt; Type of item layout:slider horisontal
-&gt; Text centered: No

I want that image to be on the right side of the screen and text on the left.
[ ![&#91;img](https://lh3.googleusercontent.com/-Ew33R5laIGI/UGyvooD0n1I/AAAAAAAABQ0/z6TWQeqt6t4/s932/Sk%25C3%25A6rmbillede%25202012-10-03%2520kl.%252023.33.42.png) ](https://lh3.googleusercontent.com/-Ew33R5laIGI/UGyvooD0n1I/AAAAAAAABQ0/z6TWQeqt6t4/s932/Sk%25C3%25A6rmbillede%25202012-10-03%2520kl.%252023.33.42.png "&#91;img")

How can I do it? CSS? What place?
thank you
many greetings
Tomasz

Last edit: 14 years 1 month ago by [Tomasz](/forum/user/9055-tomasz "View Tomasz's Profile").

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

- **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")**
- [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile")
- [ Offline](/forum/user/1824-eliot)

Less More

- Posts: 2334
- Thank you received: 403
-
-

14 years 1 month ago -  14 years 1 month ago [\#68623](#68623) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile")  Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Re: HikaShop Content Module](/forum/2-general-talk-about-hikashop/68532-hikashop-content-module#68623 "Hellloooo :-) - &gt;- HikaShop Content Module -&gt; HikaShop Options -&gt; Enable carousel:Yes -&gt; Type of item layout:slider horisontal -&gt; Text centered: No  I want that image to be on the right side of the screen and text on the left.  How can I do it? CSS? What place? thank you many greetings Tomasz")*

Hi Thomasz,

You're right, you'll add to do some customization in order to get what you want ![:)](/media/kunena/emoticons/3.png ":)").
The best way in my opinion is to select image and description as "item layout" for the carousel and then modify it.
Once you did it, go in Display&gt;Views and find "listing_img_desc" for product.

**Caution! If you are using this layout somewhere else, find another that you are not using and copy paste the listing\_img\_desc code inside the file (for example listing\_title)**

Here is an example of the code you can end with. It's a two column table so I just move the text column to the left (you'll have to add some css to fix the width) and moved some element from the right to the left (such as the add to cart button and so on...). Feel free to do what you want with the informations!

####  Attachment not found

Last edit: 14 years 1 month ago by [Eliot](/forum/user/1824-eliot "View Eliot's Profile").

The following user(s) said Thank You: [Tomasz](/forum/user/9055-tomasz "View Tomasz's Profile")

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

- **[Tomasz](/forum/user/9055-tomasz "View Tomasz's Profile")**
- [![Tomasz's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar9055.jpg)](/forum/user/9055-tomasz "View Tomasz's Profile") Topic Author
- [ Offline](/forum/user/9055-tomasz)

Less More

- Posts: 12
- Thank you received: 0
-
-
-
- [](http://www.fo-to.biz)
-

14 years 1 month ago [\#68707](#68707) by [Tomasz](/forum/user/9055-tomasz "View Tomasz's Profile")  Replied by *[Tomasz](/forum/user/9055-tomasz "View Tomasz's Profile")* on topic *[Re: HikaShop Content Module](/forum/2-general-talk-about-hikashop/68532-hikashop-content-module#68707 "Hellloooo :-) - &gt;- HikaShop Content Module -&gt; HikaShop Options -&gt; Enable carousel:Yes -&gt; Type of item layout:slider horisontal -&gt; Text centered: No  I want that image to be on the right side of the screen and text on the left.  How can I do it? CSS? What place? thank you many greetings Tomasz")*

Hello
Thanks for your answer. It has helped to find **the place**.
I changed: product / listing_slider_horizontal.php

&lt;!-- PRODUCT IMG --&gt;
&lt;div style="height:&lt;?php echo $this-&gt;image-&gt;main_thumbnail_y;?&gt;px;text-align:center;clear:both;" class="hikashop_product_image"&gt;
&lt;div style="position:relative;text-align:**right**;clear:both;width:&lt;?php echo $this-&gt;image-&gt;main_thumbnail_x;?&gt;px;margin: auto;" class="hikashop_product_image_subdiv"&gt;

and it works :woohoo:
[ dykkeroplevelser.site-design.dk/index.php/webshop](http://dykkeroplevelser.site-design.dk/index.php/webshop)
Many greetings

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzY4NTMyLWhpa2FzaG9wLWNvbnRlbnQtbW9kdWxlP3RtcGw9bWFya2Rvd24=) 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.069 seconds

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