How to Fix Product Page Title direction in WooCommerce? - wordpress

Since my site is built in such way that the language in it goes from RIGHT TO LEFT, I'm having an issue with the titles of my products pages using WooCommerce on Wordpress.
How can I fix it?
Here's an image representing what I mean:
I want the title of the product (Apple Magic Keyboard) to be presented on the left (aligned with the text below it).

Related

Variation image or Another Image as Woo Feature Image

Really appreciate your help this one...
How can I display a woocommerce product variation's image as the featured image on the woocommerce single product page?
Alternatively how can I use another image as the product page featured image?
Here's why I need that:
WooCommerce with OceanWP has a neat slider feature that appears on hover over each product listing on the shop page that allows users to cycle through the product's gallery images. It's like a preview and is exactly the user experience I want as the product that I'm selling comes in a variety of colors.
When a user selects a product in the shop archive and clicks-through to the single product page though, I need to display the featured image as a mockup of the product. It's a better user experience because it shows the user already the design they selected on the shop archive page as a product mockup. This helps to visualize and clarify what they're getting.
So I've hidden the thumbnail gallery using CSS and set the woo product variation images to an image of the mockup in the right colour. When the user selects a 'colour' option, the woo gallery slider changes accordingly and that's the right user experience too.
My problem is simply when the user first clicks-through from the shop archive to the single product page, instead of showing the product's default featured image, show one of the product variation images, which are mockups...or at least show another image altogether so the user sees the mockup, selects the color option and the user experience is simple.
Any ideas on how I can do this?
Thanks a mil for any help :)

How to fix store front width for single product page with both sidebar and product description without description get truncated

In my woocommerce storefront theme, I want both left sidebar and product description side by side. Presently, with the default storefront theme, some of the product description text and media i.e. photo get truncated at right side. Need CSS code to fix the issue.
I tried this code but the result is not as I am expecting.
Woocommerce product description

Know-how on Woocommerce product display

I'm unsure if this question is relevant on stackoverflow, but I've looked almost everywhere else.
I'm looking to create a a product display, containing 6 products, on the right hand side of a picture like this example.
I'm hoping some of you have some know-how you'd like to share with me on this.
Thanks in advance
A.P.
The easiest way to do that is add a left sidebar to your shop page, which can be typically done through your theme, and then add an image widget to that sidebar. The last thing to do is change the CSS code of your shop to make the whole page full-width and then make the sidebar 50% of the parent div.
This approach has the advantage that the sidebar is showed after the products in mobile mode (by default), so mobile visitors will first see the products.

How can I insert title of article in revolution slider in Wordpress

Good Morning,
I have a question about Revolution Slider. How can I insert the title of the article on slider?
I have Revolution Slider 5.0.6.
Bye!
Agree with Post Based Slider type. In slides section, create a single slide (unless you want it to revolve) and add text/html and type {{title}} and choose the font/color you want. For the background picture, you will need to goto media and select the specific picture and find the URL listed for it. In Rev slider under edit slides, choose External URL for picture and paste that URL in. Then add the slider to the Post and it should display the title where you added {{title}}.
First, add new layer and you will see text/html, chose this text/html, and after this, there will be two icons, one green tick and another yellow one, click on this yellow one, then you will get all possible list
Screen shot is attached below:
List of possible

Cannot Get Category Images To Show On Main Page in WordPress

I am working on a client's WP and I'm having a weird problem with category headers. Basically we have six categories (you can see them on the right side of the page).
When you go the main page (http://www.glossandglam.com/blog) you will see the posts without the categories next to the title EXCEPT when it's in the category BRIDAL. If you scroll down to the second post you'll see the "Bridal" image displayed next to the title. Also, when you click on the any of the categories, the category image shows next to all the posts.
I need to get the category images to show next to the titles on the main page (http://www.glossandglam.com/blog). Does anyone have any ideas?
I have tried by installed the plug-in "Category Images II" but that hasn't done the trick. Thanks for the help.
i had same problem,
i hope this below plugin will be help full to archive functionality
http://wordpress.org/extend/plugins/category-page-icons/
even you can add icons e.g green, red etc..as images in categorys, pages..

Resources