Forum Replies Created
-
Posts
-
Hi
On our previous site we were using this code
<p id="breadcrumbs" style="padding-top:0px; padding-bottom:20px;"><a href="/">Home</a> >> <a href="/products">Products</a> >> <strong><?php echo get_the_title( $ID ); ?></strong></p>We cannot use standard breadcrumbs as with products it takes you back to a product category page, but we dont want users to be able to go to that page because we can’t promote the products on it. Which is why we have used Pages for the product category pages.
The above works to a point except the …
<?php echo get_the_title( $ID ); ?>… bit which doesnt display.
The current code in my CSS looks like this …
/* CT START Manual Breadcrumbs */ add_action( 'woocommerce_before_single_product_summary', 'enfold_customization_woocommerce_extra_text', 1); function enfold_customization_woocommerce_extra_text(){ echo '<p id="breadcrumbs" style="padding-top:0px; padding-bottom:20px;">You are here: <a href="/">Home</a> / <a href="/products">Products</a> / <strong></strong></p>'; echo '<?php echo get_the_title( $ID ); ?>'; } /* CT END Manual Breadcrumbs */add_action( 'woocommerce_before_single_product_summary', 'enfold_customization_woocommerce_extra_text', 1); function enfold_customization_woocommerce_extra_text(){ echo 'your text goes here'; }I have tried the code above to do something different, but I want it to display where my breadcrumbs display rather that directly above the product title …
Ah I see what has happened. It only applies to the top section.
My mistake.
The breadcrumbs now appear, but they are in the wrong font colour and the wrong position …
We are using Search Everything which is essentially the same as Relevanssi.
We have excluded the pages we dont want to display which works in the full search results, but not in the search drop down.
Hi
But by disabling it, it makes the table scrollable which is not what I want.
One of the nice features of Enfold is the way the tables are fully responsive.
Hi
The whole of my css is in private …
The bit relevant to the mobile blog posts …
/* Attempt to make blog posts single column on mobile */ @media only screen and (max-width: 767px) .responsive #top #wrap_all .slide-entry { width: 100% !important; margin-left: 0px !important; }On the enfold site they are single column on a mobile as standard?
1) You add products to the cart by going to a product page eg. http://dev2.electrixinternational.com/product/flat-lid-trunking-length/, select the desired qty and select ‘Add to basket’. This adds the products to the ‘cart’.
2) I have disabled all of my custom css and the qty still isnt visible on a mobile.
Hi
I have tried doing that.
The table stays the same width but the tab size grows correctly.
The table should grow with the tab but it stays at a set width.
1) Thanks
2) Ok
3) On WooCommerce tab manager, you assign attributes to a part and these attributes show up automatically in the Specifications tab. http://screencast.com/t/VBt9qFaaW0 http://screencast.com/t/M7dF4IQKxlVgHi Yigit
That works pretty well however the font is more spaced out on the Specifications than it is on the other table tabs …
http://screencast.com/t/11R2vudQd6f
http://screencast.com/t/EyiIb8G2
ANDY
1) Yigit answered this. I am using this …
table.shop_attributes * { text-transform: capitalize; }But Capitalize isnt really the correct option. I want the font to appear as it is in the attributes. e.g. with dimensions, mm is correct but capitalize makes it Mm.
2) Thanks I used this recommended by Yigit, but it messes up the borders when viewed on a mobile
table.shop_attributes th, table.shop_attributes td { border: 1px solid #e2e2e2!important; }3) If you look at this, the table is sat centrally in the tab with grey down both sides
http://screencast.com/t/6MDU5b42M
However if you look at the specifications tab, there is a larger gap down the right of the table and the white continues to the right of the tab …
Hi
That works well on Desktop, but on mobile it looks strange …
http://screencast.com/t/GyNLCdZOq
Thanks
Hi
That option is only enabled if I choose Advanced Layout Editor.
If I switch on Advanced Layout Editor my design of the product page disappears fully.
Therefore I would have to redesign all of my product pages and enable the breadcrumbs – hence I was hoping for an easier solution.
Hi
That almost fixed the table and I have centred the text sho it looks better.
Three outstanding points:
1) How can I have the TH text to Title Case or whatever case the attributes were originally written in?
2) How can I dd a border to the table so it matches the border on the other tabs (using Enfold tables)? http://screencast.com/t/cOHTvhTQtz
3) How can adjust the width of the table so it sits central withing the tab? I think it is the TR. http://screencast.com/t/dVj1gWEzEWHL
Thanks
Hi
iPhone 5S.
I have tried deleting all browsing history etc in Safari and the text still overlaps.
Hi
That changes the font to the correct size, but how do I now style it so it is the same as the others?
Correct:
http://screencast.com/t/OsxIrGaQd4Incorrect:
http://screencast.com/t/EUSdUjJyIn the CSS, how do you know when to use a # and how do you know when to use a . ?
eg. #comments or .single-product . avia-post-nav ?
So with this one in the your text goes here bt, could I use this?
[av_textblock size='' font_color='' color='' custom_class='bread-crumb'] [bread_crumb] [/av_textblock]Hi
I do know the order of the list in one particular instance, it is
phone,
fax,
email.But on another bullet list I have
Phone
Email
Question markDoing it using nth child I would have to have several combinations of lists configured in css.
I was looking for a way where I could have several LI classes (one for fax, phone, email, question mark)
Then call the LI class in for the specific LI.
Hi
That’s exactly what I did.
The only difference being …
1) create test page
2) create desired table
3) add accordion to test page
4) copy html for table and paste into accordion
5) copy the html for the cordon including the table and paste it into a product.
6) update the product and the apostrophes change to code and it doesn’t work
