HikaShop Content Module

  • Posts: 12
  • Thank you received: 0
11 years 6 months ago #68532

Hellloooo :-)
- >- HikaShop Content Module
-> HikaShop Options
-> Enable carousel:Yes
-> Type of item layout:slider horisontal
-> 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

Last edit: 11 years 6 months ago by Tomasz.

Please Log in or Create an account to join the conversation.

  • Posts: 2334
  • Thank you received: 403
11 years 6 months ago #68623

Hi Thomasz,

You're right, you'll add to do some customization in order to get what you want :).
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>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!


File Attachment:

File Name: listing_img_desc.zip
File Size:1 KB

Attachments:
Last edit: 11 years 6 months ago by Eliot.
The following user(s) said Thank You: Tomasz

Please Log in or Create an account to join the conversation.

  • Posts: 12
  • Thank you received: 0
11 years 6 months ago #68707

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

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


and it works :woohoo:
dykkeroplevelser.site-design.dk/index.php/webshop
Many greetings

Please Log in or Create an account to join the conversation.

Time to create page: 0.073 seconds
Powered by Kunena Forum