ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• October 11, 2014 at 1:07 pm #119437
  dindoft

  Member

  Post count: 24

  Hi,

  I am hoping that you would be able to help me out with some issues that I need fixed. I have used some CSS shortcodes in the theme already in order to have the product prices align with each other (as some of the product names were too long and messed up the positions of the prices). The CSS shortcodes I have used you can see in the admin panel if you log in with the information I have provided above.

  The issue now is that I want to be able to include the recommended price as well as the sale price of each product, so that customers will be able to see how much they save. The issue is that if I use both prices they overlap and are not aligned with each other and the design just looks messy and unprofessional.

  Is there a way I can fit the recommended price somewhere, either above or below the photo of the product or perhaps just above the name of each product? I am talking about the thumbnail view of the products. For example is it possible to have the photo og the product, then the recommended price, then in a new line to have the name and sale price of the product?

  Thank you
  Darko

  October 13, 2014 at 8:11 am #119540
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  I’m afraid this is beyond our scope of support, it would require some additional code to add that in. You might want to hire a developer to help you with that

  – Kyle

  October 13, 2014 at 3:03 pm #119689
  dindoft

  Member

  Post count: 24

  Hi,

  I am sorry but the it is built in the WordPress platform that recommended prices and discounted prices can be used with themes. In Your theme, this is not possible as the prices overlap each other if both are activated. This is a basic function, and you claim that I need to hire someone to do this for me?

  Earlier this summer, I received support in relation to the discounted price position. You guys provided me with a short code that simply moved the price down one line so that all the prices are aligned.

  Why is this not possible for the “normal” price as well? It appears that you have not really had a look at my admin panel and the short codes I have used and just given me an answer that is the quickest. Its a bit disappointing, as you guys had excellent support previously.

  D

  October 13, 2014 at 3:06 pm #119693
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Let me just check your link, I think I may have misunderstood what you were asking. I thought you wanted a third price

  – Kyle

  October 13, 2014 at 3:10 pm #119700
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Please can you point out a product that has the discount price for me?

  – Kyle

  October 13, 2014 at 3:28 pm #119716
  dindoft

  Member

  Post count: 24

  Thanks for the quick reply. Of course, if you look at the Jean Paul Gaultier Classique edT on the following link:

  http://www.dindoft.se/produkt-kategori/parfym/?filter_varumarke=230

  If I activate the ordinary price and the discounted price, one of the prices overlaps with the name of the product. I would like to if possible:

  1. Move the “ordinary price” in a line above the name of the product.
  2. Have the name of the product be aligned with the discounted price in the following line (below the ordinary price).
  3. If possible change the color of the ordinary price to black, so that the discounted price remains read.

  Please have a look at the short codes in the admin panel I have already used to align the prices. (log in details in first message)

  Thanks a lot
  D

  October 14, 2014 at 10:18 am #119867
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  I’m afraid that layout isn’t possible due to the html setup. The best I can do is this:

  .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    float: none;
  }
  ul.products li.product .product-details {
    width: 100%;
    float: none;
    height:auto;
  }

  – Kyle

  October 14, 2014 at 12:08 pm #119941
  dindoft

  Member

  Post count: 24

  Thanks but this doesn’t solve my problem, it actually places me back to square one from where I started.

  If the price of the product is below the Product Name, then for products that have a long product name that covers two lines, the prices are not aligned at all and it destroys the entire design and looks completely unprofessional. See link below:

  http://www.dindoft.se/produkt-kategori/parfym/

  I already used a lot of short codes and took me ages to figure out how to actually align the prices in the first place. What I did what I fixed the price in one position in the first line, and make the name of the product to be broken down in two lines, if too long, without the price having to move.

  I think that it should be natural that a theme that is meant primarily for e-commerce can accommodate both prices (recommended and discounted) that are a part of woo commerce, without having to pay a developer do it for me? ‘

  Why can’t one of the prices be moved to a separate line?

  Also, how can I have the color of the recommended price from red to another color? Now both prices are the same colour, and after your short code, they are next to each other and the clients that want to buy will simply be confused and not buy.

  D

  October 14, 2014 at 12:15 pm #119946
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Looks perfectly fine to me? (see screenshot)

  The reason it doesn’t fit is because you have prices such as:

  299kr – 399kr 229kr – 399kr

  which is pretty much the width of the column.

  Try this:

  first remove the previous css then add this:

  .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
    display: block;
    width: 100%;
  }

  For the color, you have this in your custom css:

  .amount {
  color: red!important;
  }

  You need to remove that is it is forcing all the prices to be red

  – Kyle

  Attachments:

  You must be logged in to view attached files.
  October 14, 2014 at 12:23 pm #119952
  dindoft

  Member

  Post count: 24

  If you look at the screenshot you provided above, on the second line of products notice how the price of the Bvlgari perfume (the first one) compared to the price of the bvlgari perfume (the second one) is not on the same line, as the product name of the first bvlgari perfume stretches over two lines, forcing the price to be one line further down, compared to the perfume next to it that has a one line product name.

  D

  October 14, 2014 at 12:25 pm #119953
  dindoft

  Member

  Post count: 24

  Ok, this is much nicer. I was wondering one further things.

  1. Is it possible to change just the discounted price to be in a red color, and the ordinary price to remain grey?

  October 14, 2014 at 12:30 pm #119955
  dindoft

  Member

  Post count: 24

  And one last question.

  1. If i update wordpress to 4.0, this will not delete all the changes that I have done in terms of css short codes etc?

  2. When I update the theme, will this delete all my changes in terms of short codes etc?

  Thank you so much

  October 14, 2014 at 12:47 pm #119960
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  1 & 2) Updates will not cause you to lose anything unless you made changes to the theme files.

  About the color, I answered this is my last comment

  – Kyle

  October 14, 2014 at 12:56 pm #119966
  dindoft

  Member

  Post count: 24

  Thanks a lot!
  D

  October 14, 2014 at 12:59 pm #119970
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem

  – Kyle

• Back to forum

  Posted in: Neighborhood