altering CSS for different style

  • Posts: 2
  • Thank you received: 0
10 years 11 months ago #173732

-- HikaShop version -- : 2.3.2
-- Joomla version -- : 3.3
-- Error-message(debug-mod must be tuned on) -- : no error

Is there any easy way to see the product info as following

now it is just like this

picture
small thumbs
price
description

I want to do something as following

picture | price
thumbs | Description

I have limited knowledge of CSS and have no clue where to start.

i was happy i could change the Price text , remove each after it and alter some of the DIV settings allready :)

Thanks !

Last edit: 10 years 11 months ago by HansP.

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

  • Posts: 12953
  • Thank you received: 1778
10 years 11 months ago #173746

Hello,

now it is just like this

picture
small thumbs
price
description

I want to do something as following

picture | price
thumbs | Description

To do that the best solution will be to directly edit the "show_default" file of the "product" view of your front-end template via "Hikashop->Display->Views".
Also, checking that documentation will probably help you : www.hikashop.com/support/documentation/1...-display.html#layout

i was happy i could change the Price text , remove each after it and alter some of the DIV settings allready :)

You can check that documentation : www.hikashop.com/download/languages.html#translate
You'll have to edit the "PER_UNIT" translation key word.

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

  • Posts: 2
  • Thank you received: 0
10 years 11 months ago #173826

Hey thanks !!
after allmost an hour due to my limited knowledge i did it :)

it still strange that if i change the Span of the left part ( image ) to 3 instead of 6 it works fine but if i change it from 6 to 2 or just span> it scrambles the text

this is how it is now

<div id="hikashop_product_left_part" class="hikashop_product_left_part span3">
	<?php
	if(!empty($this->element->extraData->leftBegin)) { echo implode("\r\n",$this->element->extraData->leftBegin); }

	$this->row = & $this->element;
	$this->setLayout('show_block_img');
	echo $this->loadTemplate();

	if(!empty($this->element->extraData->leftEnd)) { echo implode("\r\n",$this->element->extraData->leftEnd); }
	?>
</div>
<div>
  
  
	  <div id="hikashop_product_description_main" class="hikashop_product_description_main">
		<?php
		echo JHTML::_('content.prepare',preg_replace('#<hr *id="system-readmore" */>#i','',$this->element->product_description));
		?>
        <span id="hikashop_product_price_main" class="hikashop_product_price_main">
		<?php
		if ($this->params->get('show_price')) {
			$this->row = & $this->element;
			$this->setLayout('listing_price');
			echo $this->loadTemplate();
		}
		?>
	</span>

	</div>

Last edit: 10 years 11 months ago by Jerome. Reason: [code] is nice !!

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

Time to create page: 0.065 seconds
Powered by Kunena Forum