Product titles and tags

10 posts from 5 voices

• Started 7 months ago by SandyMc
• Latest reply from Mya
• This topic is not a support question

Tags:

No tags yet.

1. 

   SandyMc
   Member

   I am using Abundance Theme and Woocommerce. I am trying to make changes to the product page and have created some issues for myself. Please look at: http://pizzazzgifts.com/shop/048-jewel-pop-blue-sparkle/

   This is the only product I have made a page for and I am trying to make changes to get it the way I would like it to be before I add more.

   1. The price of $39 is right below the title. I would like it to be on the same line as the title.

   2. Is is possible to have the second listing of the product not appear? It seems like it's pretty redundant. If it's not possible to get rid of that, then maybe I need to get rid of the top one? If that is the case, how would I include the price with the second listing?

   3. I would like to still have tags, but not have them show up on the product page. How would I hide them?

   4. I would like the "Recent Comments" and all the rest of the listings under the picture to be gone completely.

   5. Is it possible to move the "Pin It" badge closer to the picture itself? Maybe under it?

   Thank you for your help with all these issues. I look forward to correcting them.

   Posted 7 months ago #
2. 

   Devin
   Moderator

   Hi SandyMc,

   I'll just go through each and see what can be done to help:

   1) Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
   

   #top.single-product .price_container {
       float: right;
       padding-top: 10px;
   }
   #top.single-product .page-title.cufon_headings {
       float: left;
   }
   #top.single-product .title_container p {
       top: 0;
   }
   #top.single-product .title_container {
       height: 20px;
   }

   2) I'm not sure what you mean. Try filling out all the product information for the items before removing parts just to give yourself a chance to see the full layout (us as well).

   3) You can hide them with:
   

   #top.single-product .tagged_as {
   display: none;
   }

   4) You'll need to remove those widgets from Appearance>widgets. They will either be in the Displayed Everywhere widget area or Single Product Pages widget area.

   5) I'm not sure how that was added in but it looks like its just getting tacked onto the end of the product page instead of hooking into the proper social icon area. You might have more success with a different plugin.

   Regards,

   Devin

   Posted 7 months ago #
3. 

   SandyMc
   Member

   Devin -

   Thanks! As usual you guys rock with your support!

   Well, it's almost there. If you go to the same link as above http://pizzazzgifts.com/shop/048-jewel-pop-blue-sparkle/ you can see the changes.

   1. The only change I need to make now is how do I line up the price of $39 with the name of the item? As you can see it is kind of close and does not line up with the text name of item.

   5. The Pinterest Plugin I am using is from WooCommerce and was made to go on the product pages. I really don't want that particular "Pin It" button to line up with other social icons. It is meant to be with the product image so people can click on it and "Pin It" to their Pinterest page to help me with traffic. Any idea on another Pin It button Plugin that will work? I have downloaded and installed several. Some don't show up at all and many of them will add the Pin It button to the image, but it is only visible when you hover over the image. I would like the Pin It button to be very visible at all times to 'suggest' to visitors to Pin It. I used the WooCommerce one to begin with because I thought since it was being used in the commerce section of the website it probably needed to be compatible with WooCommerce. Any thoughts on that issue?

   Thanks again for all your help!

   Sandy

   Posted 7 months ago #
4. 

   Ismael
   Moderator

   Hi,

   1.) You can do this to align the price.

   #top.single-product .title_container p.price {
   top: 10px;
   right: -20px;
   }

   2.) I noticed that you already have the PIN IT button on your product. Is this fixed?

   Regards,
   Ismael

   Posted 7 months ago #
5. 

   SandyMc
   Member

   Ismael -

   Thanks for the code to align the product title and price. It worked great!

   No, the Pin It Button is still an issue (see previous post) I would like the Pin It Button to be next to the large image of each product, either just above or just below the image. Right now it shows up under the row of Related Products. I think if it were closer, I would have a better chance of getting people to use it. Please advise.

   Sandy

   Posted 7 months ago #
6. 

   Ismael
   Moderator

   Hi,

   How do you add the PIN it button to each product? Do you use shortcode etc?

   Regards,
   Ismael

   Posted 7 months ago #
7. 

   SandyMc
   Member

   Ismael -

   I am using a plugin by 61 Extensions called WooCommerce Pinterest Pin-it Button. It gives a field in the Edit Products Page of each item and you check a box if you want that item to have a Pin It Button. Very easily installed, but then I don't know how to set up the location of the button.

   Posted 7 months ago #
8. 

   Dude
   Dude

   Please try to contact the plugin author. We don't have a copy of the plugin and the 61 Extensions use Abundance for their website too - probably the already know how to use the plugin with Abundance.

   Posted 7 months ago #
9. 

   SandyMc
   Member

   Ismael -

   Thank you for all your help. I don't know what I would do without it!

   Sandy

   Posted 7 months ago #
10. 

    Mya
    

    Let us know if you need further assistance.

    Regards,
    Mya

    Posted 7 months ago #

RSS feed for this topic

Reply

You must log in to post.