Custom product page

  • Posts: 26
  • Thank you received: 0
10 years 2 months ago #203625

-- HikaShop version -- : 2.4.0
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.4.39-0+deb7u2
-- Browser(s) name and version -- : Chrome 43.0.2357.81 m

Hi there

I would like to change the appearance of the product page to something similar as the image attached. Is this possible?

Thanks

Attachments:

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

  • Posts: 12953
  • Thank you received: 1778
10 years 2 months ago #203636

Hello,
I didn't understood each section of your product page structure, but the solution to do it will probably be to :
- Directly edit the "Show_default" file of the "Product" view of your front-end template via "Hikashop->Display->Views" :
www.hikashop.com/support/documentation/1...-display.html#layout

- Use some CSS code :
www.hikashop.com/support/documentation/1...the-display.html#css

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

  • Posts: 26
  • Thank you received: 0
10 years 2 months ago #204085

Hi Mohamed

What basically needs to happen is

1. add what is currently in the Specifications tab at the bottom of the page to be positioned just below the product image.

2. Add a horizontal related product slider below the product information.

Link to development site

My php is not the best but i do know my way around css.

Hope this helps.
Thanks

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

  • Posts: 26264
  • Thank you received: 4043
  • MODERATOR
10 years 2 months ago #204172

Hi,

The documentation page that Mohamed gave you explain how a product page is composed.
Our support is mostly there to help user with the HikaShop use and configuration but not to help with such kind of customization.
To move the specifications, you will need to move some PHP code which display the view "show_block_custom_main" somewhere else in the page.

	if(!empty($this->fields)){
		//LAYOUT show_block_custom_main
		$this->setLayout('show_block_custom_main');
		echo $this->loadTemplate();
	}

To display an horizontal related product slider ; the best will be to create a product listing module (in "related" mode for setting "content on product page") and display it under the product page using the setting "modules under the product page" in your HikaShop configuration.
www.hikashop.com/support/support/documen...html#products_module

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 26
  • Thank you received: 0
10 years 2 months ago #204196

Just needed to pointed in the right direction. Thanks Jerome much appreciated.

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

Time to create page: 0.065 seconds
Powered by Kunena Forum