Formatting Products Page

  • Posts: 114
  • Thank you received: 0
  • Hikashop Essential
11 years 2 months ago #161269

-- url of the page with the problem -- : casesmithcustoms.com
-- HikaShop version -- : 2.3.1
-- Joomla version -- : 3.3
-- PHP version -- : x.x.x
-- Browser(s) name and version -- :Chrome
-- Error-message(debug-mod must be tuned on) -- : Error_message

I am having difficulties getting my products page to display correct. I create products (since I only have a few different ones with many different sizes, variants and options) through the menu and then add a product from hikashop through the menu..

The problem I have is the page does not format correctly , the Hikashop product display seems to be being added to the right column of the site instead of the body.. When I try to add standard items to the right column of my site such as login or menu they show right next to the left column of the site and then the Hikashop product shows up to the right of the two columns of the site...

If I do not use a right column and only the left column the product display better but it extends way to far and needs to be "padded or something, but I really want my right and left columns and the Hikashop product to sit within the body of the site, well formatted between the right and left columns of the site...

I have tried everything but cannot get this to look good at all..

Thanks for any help...

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

  • Posts: 84298
  • Thank you received: 13697
  • MODERATOR
11 years 2 months ago #161338

Hi,

I don't see the problem on your website:
take.ms/WflAE
I see a left and a right column on the product page, and the content of the product page in the middle.
It looks fine to me.

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

  • Posts: 114
  • Thank you received: 0
  • Hikashop Essential
11 years 2 months ago #161339

Hi,

yes, I was able to fix it late last night, a template problem in template manager fixed the correct layout...
I am just back on working on the site now... so thanks for the responce..

I have checked online looking for a way to change the "add to cart " button... I would like it to look like your demo site but I have no luck..

It seems the code needs to be changed here

.hikashop_product_quantity_main .hikashop_product_stock .button

in front end CSS but for the life of me cannot find this in the source CSS file on the demo site or on mine..

I am a bit lost, can you explain to me how I can get my add to cart for products pages to look like the demo site?

Thanks,

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

  • Posts: 84298
  • Thank you received: 13697
  • MODERATOR
11 years 2 months ago #161346

Hi,

You indeed need to add custom CSS in the frontend CSS of HikaShop for that.
The exact CSS will depend on what you want.
On our demo website, we added:

.hikashop_product_quantity_main .hikashop_product_stock .button {
color: #167e93 !important;
font-weight: bold;
background-image: url(../images/add_cart.png);
background-repeat: no-repeat;
background-position: right;
height: 32px;
padding-right: 40px !important;
background-color: transparent;
cursor: pointer;
}
So first, it's normal that you don't see .hikashop_product_quantity_main .hikashop_product_stock .button in the default CSS, since you need to add it :)
Second, you changed the button display from "normal" to "css", and thus you should use .hikashop_product_quantity_main .hikashop_product_stock a.hikashop_cart_button instead of .hikashop_product_quantity_main .hikashop_product_stock .button to customize the CSS of the add to cart button.

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

  • Posts: 114
  • Thank you received: 0
  • Hikashop Essential
11 years 2 months ago #161435

Okay, sort of got it...where do I get the images for it though, also how about the + and - section...

Lastly,,on your checkout it goes to a proceed to checkout or continue shopping screen once added to cart... how do I add that?

Thanks for the help,

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

  • Posts: 13201
  • Thank you received: 2322
11 years 2 months ago #161436

Hi,

This tutorial can help you to find the desired properties to edit, etc:
hikashop.com/support/support/documentati...ize-the-display.html

For the popup when adding a product to the cart, there is an option for that in Configuration > Main > Cart > After a product is added to the cart.

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

Time to create page: 0.075 seconds
Powered by Kunena Forum