- This topic has 14 replies, 2 voices, and was last updated 7 years, 1 month ago by
.
Dear,
I installed and configured Jevelin theme correctly, everything works fine except for the shop / woocommerce part.
I am still struggling with the fact that my shopping page is pretty different from the shop in the demo
(<u><span style=”color: #1155cc;”>http://preview.themeforest.ne<wbr /></span></u>t/item/jevelin-multipurpose-pr<wbr />emium-responsive-wordpress-the<wbr />me/full_screen_preview/1472883<wbr />3?_ga=1.167016190.1192010517.<wbr />1488790698<span style=”color: #222222;”>).These are the problems I encounter:
– The images are bigger then yours.
– There is a checkbox above every image
– Under every image there is a mention of “view products”
– In the demo I see a small shopping cart instead.
Then on the product page itself everything is so different.
</span>http://imgur.com/a/m1Y2H
<span style=”color: #222222;”> Thanks for taking your time to figure this out.Kind regards,
Benoît</span>Hi Benoît,
I hope you are well today and thank you for your question.
Could you please share me your site URL where it’s displaying so that i can help you?
Best Regards,
MovinThanks for the quick response, the address of the shop is http://www.worldofpixels.be/shop/
Solution for this topic
I can see on your shared site it is almost displaying all elements as shown in the first attached screenshot.
All other elements you can display by configuring it in the Woocommerce and blog settings as shown in the second and third attached screenshots.
You can resolve the alignment issue if labels in the Woocommerce product table by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.woocommerce div.product form.cart table td.label { display: table-cell; vertical-align: middle; }Dear, the code solved a part of my issue, but not everything.
Let’s go more in detail on this if you would like please.
Problem 1: remove the checkbox, get the cart, remove the max price and remove the “view products”. This is on the products page.
Problem 2: how can I get more then 3 rows. It will be about photography so I would like to have a lot of pictures on 1 page. changing it in the theme doesn’t work.
Problem 3: My images are corrupt, what can cause this please ?
Problem 4: I would also like to have more then 3 rows on my shopping page (as on my category page)
http://www.worldofpixels.be/shop/
Thank you very much for your support, I hope every single problem is clear now and it could be solved.
Kind regards,
Ben
Solution for this topic
Problem 1: remove the checkbox, remove the max price and remove the “view products”. This is on the products page.
You can try achieving it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.woocommerce ul.products li.product .button:not(.add_to_cart_button), .woocommerce ul.products li.product .price .amount:last-child, .woocommerce input.select-product { display: none; }get the cart
To get it set the Woocommerce item style to Style 2 as shown in the attached screenshot.
Problem 2: how can I get more then 3 rows. It will be about photography so I would like to have a lot of pictures on 1 page. changing it in the theme doesn’t work.
Try using below custom CSS code to achieve this.
.woocommerce .woocomerce-styling .content-with-sidebar-left ul.products li { min-width: 0; }Problem 3: My images are corrupt, what can cause this please ?
I can see the images on your shared site.
Please tell me which images and where are they corrupted so that i can help you?
Problem 4: I would also like to have more then 3 rows on my shopping page (as on my category page)
The above shared CSS code will make it work also.
Hi, perfect, thanks for your help, this is getting better and better.
I just have a detail I want to show you, I am trying to solve it but maybe it will be easier for you.
I am trying to add an accordion on the product description (with a combination of woocommerce addons and woocommerce photography).
This is the accordion which is working perfectly: http://www.worldofpixels.be/test-accordion/
When I copy the HTML code, this is what I get in the product description:
http://www.worldofpixels.be/product/photography-8542-from-subaru-trackday/
The color is not right, the accordion doesn’t work, do you have an idea please ?
Thanks in advance,
Ben
Your first shared URL is displaying me an error “Page could not be found” and second is displaying login form.
Are you using shortcode to display an accordion on the product description?
The first link is working now.
I am not using a shortcode, when I do, the text of the shortcode is displaying instead of the accordion. Or do I do something wrong?
Still having troubles with woocommerce too, to see a product you have to be logged in and I still didn’t find out why 🙁
I am not using a shortcode, when I do, the text of the shortcode is displaying instead of the accordion. Or do I do something wrong?
You have to use shortcode to make it work. I have used WordPress shortcode on my test site as shown in the attached screenshot and it is not displaying as text which means it is working.
Please test the same gallery shortcode on your site and if it works then it means the shortcodes are working in the description but not the shortcode provided by woocommerce addons so contact the woocommerce addons creators regarding this.
Still having troubles with woocommerce too, to see a product you have to be logged in and I still didn’t find out why
Please make sure the visibility of product is public and not private as shown in the second attached screenshot.
For the first screenshot I have the same as you, which is good. But I am using Global Product Add-ons as a plugin for Woocommerce.
Second screenshot, it is indeed already Public.
Ignore the second problem.
Can you give me the shortcode for a page like <u><span style=”color: #0066cc;”>http://www.worldofpixels.be/test-accordion/</span></u> or how can I find the list of shortcodes (I can’t find it in the documentation) ?
Thanks !
At last, can you please tell me how to remove the yellow background, I found the .mark in the css but it still doesn’t go away
Last but not least 🙂 I would like to remove the category title in the shop page, the “test album scooby category” on this page:
http://www.worldofpixels.be/product-category/test-album-scooby-category/
FYI: for removing the cart I added this in functions.php:
add_action( ‘woocommerce_after_shop_loop_item’, ‘remove_add_to_cart_buttons’, 1 );
function remove_add_to_cart_buttons() {
remove_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’ );
}And also on a product page. At the bottom it’s written.
http://www.worldofpixels.be/product/1/
<span class=”woo-meta-title”>Category:</span>TEST ALBUM SCOOBY CATEGORY
Would it be possible to have the drop down options next to the header?
Example, Canvas and then “select an option”.
Solution for this topic
At last, can you please tell me how to remove the yellow background, I found the .mark in the css but it still doesn’t go away
You can remove it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
mark.count { background: none; }Last but not least ? I would like to remove the category title in the shop page, the “test album scooby category” on this page:
http://www.worldofpixels.be/product-category/test-album-scooby-category/
.archive.tax-product_cat span.bread-current.bread-archive { display: none; }And also on a product page. At the bottom it’s written.
http://www.worldofpixels.be/product/1/
<span class=”woo-meta-title”>Category:</span>TEST ALBUM SCOOBY CATEGORY
Use the below CSS code to remove it from single product page.
body.single-product .product_meta span.posted_in { display: none; }Would it be possible to have the drop down options next to the header?
Example, Canvas and then “select an option”.
You have to develop custom code to achieve this.
In your single topic you are asking too much questions so to help us keep support thread separates could you please create new thread for each of your other questions here https://support.shufflehound.com/forums/forum/jevelin/ instead of asking them in your single thread as it makes the thread messy and hard to read.
If you want to you can also add reference of this thread in your newly created thread.
We would be more than happy to help you on your new thread.
