Formatting of product pages

  • 3sp3ranc!3
  • Topic Author
11 years 1 month ago #165805

-- HikaShop version -- : 2.3.2
-- Joomla version -- : 2.5.22
-- PHP version -- : 5.3.28
-- Browser(s) name and version -- : Google Chrome Version 35.0.1916.153
-- Error-message(debug-mod must be tuned on) -- : no error

Greetings,
I have finished the first stage of populating products on my first Hikashop.
This URL hope-hikashop.cloudaccess.net/felt-ornam...-leah-kostoplos.html is for one of the many product pages on this site. Questions:

  1. I would like to move the description up to the right of the image. I did not see a CSS way to do it. Any ideas? I have been looking at the configuration> system>display options and don't see a way.
  2. Also, I would like the customer to be able to navigate from product to product in a given category (like they can do on the site I will be replacing: www.susanschristmasshop.com/valentine-s-...l?detail=7&buttons=1 ) I don't see an option for that.
  3. I would like the customer to have a graphic or text link back from any given product page to its category page.
thanks,
Hope

FYI, I just raised the ADD TO CART area up closer to the price using this CSS:
span#hikashop_product_price_with_options_main {
margin-top: -40px;
}
If there is a better way, please let me know.

Last edit: 11 years 1 month ago by 3sp3ranc!3.

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

  • Posts: 26274
  • Thank you received: 4045
  • MODERATOR
11 years 1 month ago #165865

Hi,

The best at this moment, when the CSS can't help you anymore, is to use a view override.
So you will be able to modify the HTML as you want and move some "blocks" in the page.
www.hikashop.com/support/support/documen...ize-the-display.html

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.

  • 3sp3ranc!3
  • Topic Author
11 years 1 month ago #165930

THanks Jerome,

So I'll assume from your post that there is no CSS way to solve issue number 1, right?

What about number 2 and 3?

thanks,
Hope

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

  • Posts: 13201
  • Thank you received: 2322
11 years 1 month ago #165956

Hi,

Indeed the 1 need a view override of the view "product / show_default", for the number 2 you have the option "Show shortcuts to other category products" in Configuration > Display > Product and regarding the 3 you will have to add it when editing the view.
You can use such code:

<input type="button" value="Back" onclick="javascript:history.back();" />
<!-- OR -->
<a href="#null" onclick="javascript:history.back();">Back</a>

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

  • 3sp3ranc!3
  • Topic Author
11 years 1 month ago #166161

Thanks.

I did come up with some CSS to do the trick for #1:

div#hikashop_product_bottom_part {
margin: 90px 0 0 530px;
width: 380px;
position: absolute;
}
div#hikashop_product_right_part {
position: absolute;
margin: 0 0 0 530px;
}

AS to #2, I activated that option and now the navigational arrows appear. They're very small, don't you think?

Regarding #3, if I make this change, will it stick after updating?

-Hope

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

  • Posts: 84300
  • Thank you received: 13697
  • MODERATOR
11 years 1 month ago #166174

2. That's the normal size of the buttons. But you're free to customize them with CSS if you want them bigger for your website.

3. Yes, you'll keep the change when you update.

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

Time to create page: 0.134 seconds
Powered by Kunena Forum